QR Code with HTML & CSS

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 7 months ago

  Hello, @marionhacot!

  Your project is looking fantastic!

  I'd like to suggest a way to make it even better:

  • Using margin isn't always the most effective method for centering an element.

  Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:

  📌 Apply this CSS to the body (avoid using position or margins in order to work correctly):

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

  I hope you find this helpful!

  Keep up the excellent work!

  Marked as helpful

  1

  ---

  

  marionhacot•10

  @marionhacotPosted 7 months ago

  @danielmrz-dev thank you for your comment and suggestion, I'll try it next time!

  1
• 

  totorocod•70

  @totorocodPosted 7 months ago

  That's awesome that you completed your first project on Frontend Mentor! It's a big achievement.

  For next time, you might consider checking the dimensions and spacing more closely to match the design. Overall, it was rendered beautifully on your live site in Vercel.

  1

  ---

  

  marionhacot•10

  @marionhacotPosted 7 months ago

  @totorocod thank you!

  0