QR code component challenge with HTML5 and CSS3

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year 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

  Marked as helpful

  1

  ---

  

  Gazdik Tamas•40

  @tamasgazdikPosted over 1 year ago

  @Hassiai Wow, thanks for the quick reply and feedback! :)

  0