qr-code-component

Community feedback

• 

  Murilo Viscondi•140

  @muriloviscondiPosted 4 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