Frontend Mentor - QR code component solution using HTML and CSS

Community feedback

• 

  JunoField•310

  @JunoFieldPosted over 2 years ago

  Hi,

  "The design was created to a width of 1440px" does not necessarily mean this will be part of the code. Instead, it means that the design screenshot they provide was made to a width of 1440px. So, if you're aligning things very precisely, you would want to preview the page with a width of 1440px.

  Some other advice:

  • There's no mobile site. You'll want to look into "media queries" to ensure that the page responds to the window size.
  • When you're comfortable with media queries, you'll want to make the mobile design first then move onto the desktop - the reason being that on a phone, the desktop version won't be unnecessarily loaded, wasting resources.
  • In this project, the central card should be a fixed width - this will mean the differences between mobile and desktop are very minimal.
  • Element IDs should be named descriptively, i.e. text not second-child.
  • The original readme should be removed/renamed, then the README-template.md edited and renamed to README.md.

  Overall, this is a good starting point. Good luck for future projects!

  1