Design comparison
SolutionDesign
Community feedback
- @ElonCostaPosted 3 months ago
The container classes are not really needed but managed to achieve the desired look and design!
The same effect overall could be achieved using a single container with only the direct children elements, no need to wrap them in other containers.
<div class="main"> <img src="#" alt="QR Code"/> <h1 class="header">Header<h1/> <span class="text">Text<span/> </div>
Then styling each child element spacing, margins and paddings according.
Font fallbacks are also always nice to have.
font-family: 'Outfit', sans-serif;
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord