Skip to content
Submitted 2 months ago

QR Code Component - First submission

Arifin•20
@vynhart
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?

Nothing in particular, I'm a backend engineer that just started my journey learning about front end development.

What challenges did you encounter, and how did you overcome them?
  • I'm not sure about the HTML semantic that I should use.
  • For the card weight, I take the value from figma file (320px). Is that correct?
  • I don't know the correct font-size for the title in the card. I just randomly picking the font-size (1.5em for h1) to try to match the design as close as possible. What's the correct way of doing this?
What specific areas of your project would you like help with?
  • I need to know what HTML semantic that I should use in certain situation.
  • How to choose the size of the font correctly?

Community feedback

  • ManoharDevangam07•10
    @ManoharDevangam07Posted 2 months ago

    It’s impressive to see you tackle HTML and CSS with such enthusiasm. Your effort in translating the design into a functional component is a great step forward in your learning journey.

    Suggestions for Improvement:

    HTML Semantics: Focus on using elements that describe the content accurately (e.g., <article> for individual items, <nav> for navigation links). Font Sizing: Utilize design specifications or tools to align font sizes with the design. Using relative units can help maintain responsiveness and scalability.

    0
    Arifin•20
    @vynhartPosted 2 months ago

    @ManoharDevangam07 I see that you're using AI to give feedback into my code hahaha

    0
    ManoharDevangam07•10
    @ManoharDevangam07Posted 2 months ago

    @vynhart haha, The output looks great though

    0

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