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 Component with Less

@saeedyari97

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


This is my first real world front-end project after HTML, CSS self study. I work more than 3 years on back-end (PHP, Laravel) and I decide to learn front-end, too. What's your opinion about this work?

Community feedback

@AditNovadianto

Posted

Hi ! Good Job Saeed Yari

These below mentioned tricks will help you remove any Accessibility Issues

-> Add Main tag after body like it should be your container. For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc . But use header tag only once in main heading element.

enjoy the coding!!!

Marked as helpful

1

@saeedyari97

Posted

@AditNovadianto Thank you very much for your valuable feedback. I edited my code and pushed to my github repository again. I will be grateful if you check and confirm your advice.

0

@tania0808

Posted

It's good! I have also finished this challenge yesterday : ) You can just delete the link in the bottom of the page) Have a nice day!

1

@saeedyari97

Posted

@tania0808 Thank you very much for your encouraging feedback. I deleted bottom footer.

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