Skip to content
Submitted 17 days ago

QR Code component using HTML and CSS

Rodolfo C•80
@rodolfohgc
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Although I have been a front-end developer for two years, I often experience imposter syndrome and lack confidence in my skills. This led me to begin with the Frontend Mentor path from the very start, and to my surprise, I completed the first challenge effortlessly using basic HTML and modern CSS.

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

The greatest challenge I faced was learning to use Figma since it was new to me. However, the article referenced in the challenge was incredibly helpful for understanding the basics and quickly grasping the design system.

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

I understand that there are likely multiple ways to tackle the challenge, and I'm keen to explore other solutions to compare with my own. Doing so will assist me in writing clearer code and discovering new methods.

Community feedback

  • Huy Phan•2,300
    @huyphan2210Posted 17 days ago

    Hi @rodolfohgc,

    Welcome to Frontend Mentor! Good job on completing your first challenge!

    I checked out your solution, and I have some thoughts that might be helpful:

    • Assessment Feature: After submitting, Frontend Mentor has an assessment feature that you may find useful to explore.
    • Semantic HTML: Consider making your HTML more semantic. For example, your .card element could be a main tag, and .attribution might work well as a footer. Additionally, .text-1 might better suit an h1 tag if it’s meant as a heading.
    • Meaningful Class Names: Using more descriptive names for your CSS classes can improve readability. Instead of .text-1 and .text-2, consider naming them based on their purpose (like .title or .subtitle). Researching CSS naming conventions might give you some good insights!

    Hope this helps!

    Marked as helpful
    1
    Rodolfo C•80
    @rodolfohgcPosted 15 days ago

    @huyphan2210, thank you for the helpful tips; I'm going to implement some improvements in my project.

    1
  • Heberth Guevara•80
    @hguevarasaenzPosted 17 days ago

    Great job on solving the exercise! 🎉 Keep up the awesome work—you're making fantastic progress!

    1

Please log in to post a comment

Log in with GitHub

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