QR code component challenge with HTML5 and CSS3

Community feedback

• 

  Hassia Issah•50,410

  @Hassiai

  Posted about 2 years ago

  To center .container on the page using flexbox, add align-items: centerto the body.

  body{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  

  There is no need to style the main and to give .container a margin value.

  Reduce the font-size of h1 to 1.25rem which 20px.

  Replace the margin-inline in h1 and p with margin-top, margin-right and margin-left of 1rem. h1, p { margin:1rem 1rem 0;} or h1, p{ margin-top: 1rem; margin: 0 1rem}

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  11

  Marked as helpful