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 Code Card using BEM Architecture, Custom CSS Properties

#bem
Remy Dale 30

@TheRemyD

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


How can I make this simple card more accessible to all internet users?

Community feedback

P

@DarrickFauvel

Posted

Hi @TheRemyD, 👋

Congratulations on posting your first solution! 🥳

To fix the accessibility issues from the accessibility report (above ⬆️), you should add some semantic html markup. You could wrap a <main></main> element around your .card element. You can also wrap a <footer></footer> element around the .attribution element too. These semantic html elements are "landmarks" for the content on your page.

I hope this is helpful. 😊

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