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 Card Component with HTML and CSS

@tobiidev21

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?

I pride myself on understanding the basics of creating a website. Maybe I should have finished it sooner, but for a first project it's pretty good.

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

I didn´t know how Figma and the CSS Responsive Tools worked. Despite, during the project i have learned a lot by reading information on docs and putting it into practice.

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

The development experience was totally rewarding. But i would have liked to have an introduction of Figma.

Community feedback

@vw-bask

Posted

Q: Does the solution include semantic HTML? A: Shouldn't the h2 be h1 since it's the first heading of the page? Is it because this is a component?

Other than that everything else looks good!

Marked as helpful

1

@tobiidev21

Posted

Hi @vw-bask, thank you so much for taking the time to provide your feedback on my project! I think the selection of the tag title depends on the context as you said. If there will be other title tags on the page, we should choose the one that best adapts to the semantic hierarchy, specially when it is a component. In this case, the title should be <h1></h1> because, despite being a component, its the only one in the entire page. Again, thank you so much for giving your feedback, i will implement it in my project. Best regards

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