Skip to content
Submitted 5 months ago

Responsive design using css flex-Box and media query

Nathan Orobor•150
@omarnate1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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•40
    @dsaneshaikhPosted 4 months ago

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

    Marked as helpful
    0
    Nathan Orobor•150
    @omarnate1Posted 4 months ago

    @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
  • Nathan Orobor•150
    @omarnate1Posted 4 months ago

    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

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