Design comparison
SolutionDesign
Community feedback
- @muriloviscondiPosted 3 months ago
Don't use padding for align div in page, using display: flex
for example:
<main style="min-width: 100vw; min-height:100vh; display: flex; align-item: center; justify-content: center"> <section>Your resolution</section> </main>// Always englobe your section
<main class="container"> <section class="content-image-for-example"> <img src="images/image-qr-code.png"> </section> <section class="content-text-for-example> // Never use div to show text <h1class="title-example"> Improve your front-end<br> skills by building projects </h1> <p class="description-example"> // don't use <br>, always adjust your div and the paragraph auto wrap Scan the QR code to visit Frontend Mentor and take your coding skills to the next level </p> </section> </main>0
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