Responsive QR code using CSS and HTML

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted about 2 years ago

  Hi @TJRelly 👋, good job completing this challenge, and welcome to the Frontend Mentor Community! 🎉

  Is margin: 0; padding: 0; box-sizing: border-box; --- standard practice? Yes, it eliminates some styles, although it is simple as well. You can use a CSS Reset to remove all browser built-in styles and reduce browser inconsistencies.

  /* This is very simple to reset the styles */
  * {
     margin: 0;
     padding: 0;
  }
  

  Popular reset style sheets:

  • A modern alternative to CSS resets
  • CSS Tools: Reset CSS
  • Custom CSS Reset

  Here are some other suggestions:

  • Use max-width: 375px to .card selector instead of width, this will make the card container a bit responsive on mobile and set the element's maximum width to 375px.
  • Use margin: 0.938rem or margin: 15px in the .card selector so that it has some space when viewed on mobile devices.

  I hope those tips will help you.

  Good job, and happy coding!

  Marked as helpful

  1

  ---

  

  TJ•110

  @TJRellyPosted about 2 years ago

  @MelvinAguilar Thank you so much for all the great information.

  1