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

Responsive design using css flex-Box and media query

@omarnate1

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

nothing new

What challenges did you encounter, and how did you overcome them?

none

What specific areas of your project would you like help with?

none

Community feedback

@dsaneshaikh

Posted

You haven't followed the Size of the Card as Given and visually also its looking Bigger and unpleasant!

Marked as helpful

0

@omarnate1

Posted

@dsaneshaikh thanks for drawing my attention to it, I have corrected it. please help me review it again and leave a comment if it is better now.

0

@omarnate1

Posted

The solution includes semantic HTML with correct usage of elements like <header>, <main>, <footer>, and <nav>.

To improve, verify that semantic elements are used where applicable, such as <article> for independent content sections.

For accessibility, check for ARIA roles, alt attributes on images, and proper labeling of form elements.

Use landmarks to improve navigation for screen readers and ensure sufficient color contrast. The layout uses responsive units and media queries effectively.

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