Skip to content
Submitted 12 months ago

Responsive design using css flex-Box and media query

Nathan Orobor•150
@omarnate1
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • dsaneshaikh•40
    @dsaneshaikh

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

    Marked as helpful
  • Nathan Orobor•150
    @omarnate1

    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.

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