Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Static QR-Code Card [HTML & CSS]

Hope 10

@0xH0pe

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Kumduy 20

@Kumduy

Posted

The <h3> and <p> tags are fine, but you could use a <section> or <aside> for better structure, depending on the context.

Layout: Your layout uses flexbox for centering, which is good. However, you should ensure that your design looks good on different screen sizes. Card Size: The card width is set to 300px, which might be too small on very large screens and too large on very small screens. Consider using relative units like percentages or viewport widths (vw), or media queries to adjust the card size for different screen sizes.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord