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 QR Code using CSS Flex

#accessibility#laravel#next#typescript#mongodb

@dhemol

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


the difficult things while building the project is literally about positioning

Community feedback

@amulyalovescoding

Posted

HelloDhemol, Congratulations on completing this challenge! I really liked the result of your project, but I have some tips that I like to share:

1- Every page should have one main landmark <main>. So replace the div that wraps the whole content with <main> to improve the accessibility. click here

2- All page content should be contained by landmarks, you can understand better by clicking here: click here

3- A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge. Context:

UTF-8> <meta http-equiv=X-UA-Compatible content=IE=7> `

You can go through my solution if you like click here

✌️ I hope this helps you. Happy Coding.

Marked as helpful

1

@dhemol

Posted

@amulyalovescoding Hi Amulya, this really means a lot for me. Well noted. so thankyou for this comments & tips.

1

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