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
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


What are you most proud of, and what would you do differently next time?

asdf

What challenges did you encounter, and how did you overcome them?

asdf

What specific areas of your project would you like help with?

asdf

Community feedback

Arun S 40

@Arunsamuvel

Posted

To evaluate the solution based on the provided criteria, I'll need to examine the HTML, CSS, and possibly JavaScript code of the solution. Please provide the code or a link to the solution. Once I have access to the code, I can give detailed feedback on semantic HTML usage, accessibility, responsiveness, code quality, and adherence to the design.

0
JNeo77 20

@JNeo77

Posted

Hey, there! Great job on completing the challenge!

Your solution looks great and using variables in your CSS was a great idea!

Here are some suggestions that could also help:

Instead of using a <dev> for your .card-container, you could use the semantic <main> tag to make your site more accessible.

Also, a great way to make your site responsive for mobile devices is to use @media queries for certain screen resolution max-width breakpoints. You can read up on media queries here.

While this is more of a preference, I would suggest using two spaces to indent your child HTML tags instead of tabs in order to structure it better and make is more readable. Collaborators and your future self with thank you!

Over all, it looks great! Hope this helps and keep crushin' it!

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