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

Solution QR code by HTML & CSS

@Ashiqur2279

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@mayankdrvr

Posted

Congratulations @Ashiqur2279 for completing this challenge. Your design matches the solution very well.

Here are a few observations-

  1. Try to use the Block Element Modifier(BEM) naming method as a good practice of naming classes for referencing html elements in the css file.
  2. The h1 heading should be used not more than once for SEO and better page rankings in every web page.
  3. Putting all your stylling in a separate .css file is a good practice.
  4. Using noopener and noreferer in <a> elements is a good security practice with cross browser compatibility.
  5. Avoid using <div> element in html file and use semantic html elements throughout the code for better web accessibility.

Awesome solution and keep it up.

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