QR Code

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  Hey Natalia, The scrollbar appears on the page that because the body element has a default margin --> margin: 8px; --- Remove the margin:

  body {
      font-family: 'Outfit', Arial, Helvetica, sans-serif ;
      font-size: 15px;
      background-color: hsl(212, 45%, 89%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
  
     margin: 0;    /* <---- Add */
  }
  

  Hope this is helpful to you... Keep coding👍

  Marked as helpful

  1

  ---

  

  Natalia•220

  @Natalia912Posted over 2 years ago

  @Bayoumi-dev thank you!

  0
• 

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  Add to the body for centering:

  display: flex;
  justify-content: center;
  align-items: center;
  

  And change <div class="container"> to <main class="container">.

  You could even add a small shadow to the card with the box-shadow: 0 12px 16px -2px rgba(0, 0, 0, 0, 0.2) attribute.

  And ready you will be perfect and without any error :D

  Marked as helpful

  1

  ---

  

  Natalia•220

  @Natalia912Posted over 2 years ago

  @Sdann26 Thanks a lot! You are a life saver!

  1