Skip to content
Submitted almost 3 years ago

Responsive card using flexbox. No media queries

Jesse•110
@vinshield
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, thanks for checking out my solution. I will appreciate any tips on making my html more semantic

Code

Please log in to post a comment

Log in

Community feedback

  • Kyle•50
    @CaptainKaveman

    Hey Jesse,

    To fix your accessibility issues and improve the semantic HTML you requested you should wrap the card divs in a <main></main> tag and the footer divs in a <footer></footer> tag. It is good practice to include these each time. In this case you don't have a need for the header and nav tags, but those are the main four that will typically need to be in the body.

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