QR Code Component w/ HTML & CSS

Community feedback

• 

  sophie.•150

  @sophie-mc-devPosted over 1 year ago

  Your CSS structure looks great! Regarding your HTML code, even though your design is simple and straightforward, you can further improve it by using more semantic HTML elements. For example, instead of using a generic <section> for the QR code and description, you can use specific semantic elements such as <figure> and <figcaption> to enhance the meaning and structure of your content.

  Marked as helpful

  1

  ---

  

  Billal Patel•50

  @BillalPatelPosted over 1 year ago

  @sophie-mc-dev Thank you! I'll keep that in mind.

  0
• 

  hitmorecode•6,360

  @hitmorecodePosted over 1 year ago

  Your CSS is ok, you just need to remove one thing

  body {
  margin: 0;
  padding: 0;
  height: 100vh;
  /*     width: 100vw; */ /* you don't need to add this to the body, by default the body width is always 100% */
  background-color: var(--light-grey);
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: 'Outfit', sans-serif;
  }
  

  Marked as helpful

  0

  ---

  

  Billal Patel•50

  @BillalPatelPosted over 1 year ago

  @hitmorecode Thank you! Very useful to know.

  0