qr-code-component

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>