Making First QR Scanner Webpage Using CSS And HTML

Community feedback

• 

  P

  Hexerse•460

  @Hexerse

  Posted about 1 year ago

  For my body I used 100vh height, so that display flex, justify content and align-items are at the center.

  height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: row;

  Don't forget to add border radius to the qr code

  U can add <br> to shape how u want ur text to look too. I did this.

  <h2>Improve your front-end <br> skills by building projects</h2> <p>Scan the QR code to visit Frontend <br> Mentor and take your coding skills to <br> the next level</p>

  00
• 

  TrungHau•10

  @23020061

  Posted about 1 year ago

  too large

  00
• 

  Max•260

  @maxkdavis

  Posted about 1 year ago

  HTML & CSS

  1. Use the a header element (<h1>) to improve your html semantics.
  2. Size of the component can be changed using the max-width css class. This will help ensure the size of your component matches the design.
  3. Make your code more readable for other users. Removing spacing between lines 35 and 44.

  00