Desktop Design

Mobile Design

Blogr landing page

<div class="text-center mb-14 md:mb-28">
            <h2 class="font-overpass text-2xl md:text-4xl text-veryDarkBlue font-semibold mt-6 md:mt-0">Designed for the future</h2>
        </div>

<div class="attribution">
        Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
        Coded by <a href="https://www.frontendmentor.io/profile/Dytoma" target="_blank">Dytoma</a>.
    </div>

er`><defs><linearGradient x1=`0%` y1=`27.846%` x2=`100%` y2=`72.154%` id=`c`><stop

ck`><defs><linearGradient x1=`0%` y1=`27.881%` x2=`100%` y2=`72.119%` id=`c`><stop

rGradient><linearGradient x1=`0%` y1=`41.623%` x2=`100%` y2=`58.377%` id=`e`><stop

rGradient><linearGradient x1=`0%` y1=`41.725%` x2=`100%` y2=`58.275%` id=`e`><stop

rGradient><filter x=`-21.5%` y=`-23%` width=`142.9%` height=`164.5%` filterUnits=`objectBoundingBox` id=`b`><feOff

rGradient><filter x=`-10.9%` y=`-11.7%` width=`121.8%` height=`132.8%` filterUnits=`objectBoundingBox` id=`b`><feOff

></filter><rect id=`a` x=`0` y=`0` width=`326` height=`217` rx=`5`></rect

></filter><rect id=`a` x=`0` y=`0` width=`642` height=`427` rx=`15`></rect

e(40 54)`><mask id=`d` fill=`#fff`><use x

e(0 242)`><mask id=`d` fill=`#fff`><use x

-->   <section class=`container py-24 md:pt-0 flex flex-col md:flex-row items-center justify-center md:justify-start md:items-start space-y-20 md:space-x-56 bg-veryDarkBlackBlue md:py-[78px] md:pl-[10rem] rounded-tr-xlarge mt-24`>

Please log in to post a comment

Community feedback

Blogr landing Page using Tailwindcss

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community