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

QR component

@Minerva-xx

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

@fcooantonio

Posted

Overall:

  • Accessibility: It's great that you're using alt text to describe images! This helps to make your site more accessible to people who use screen readers.
  • Responsiveness: The page currently doesn't adapt well to different screen sizes. Using media queries would help ensure a good user experience across devices.

Specific Suggestions:

  • Semantic HTML: Consider using semantic HTML tags like <main> to define the main content area of your page. This improves the readability and accessibility of your code.

  • Flexbox: Using Flexbox for layout can help you easily organize and center the elements on your page. It's a flexible and modern layout approach.

Additional Feedback:

  • Media Queries: Implement media queries to adjust the layout and styling of your page based on different screen sizes. This will make your site responsive and user-friendly on various devices (desktops, tablets, phones).

Marked as helpful

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