Skip to content
Submitted 22 days ago

QR Code Component with vanilla HTML and CSS

Paula•10
@pauliecode
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?

It was really fun to go back to the basics and do something using vanilla HTML and CSS!

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

Sometimes going back to the basics can be challenging as we barely ever actually do stuff like this at work, so it can be surprisingly challenging sometimes or I at least noticed that I wasn't 100% sure of how to do some stuff that I would've expected to know.

Community feedback

  • P
    Kelsie Paige•20
    @KelsiePaigePosted 22 days ago

    Congrats on completing the project! Some improvements could be, using <p> tags instead of <div> tags for your text. In your css file, I'd remove lines 41, 43, and 49 under your container class. Otherwise, it looks great!

    1
    Paula•10
    @pauliecodePosted 21 days ago

    @KelsiePaige Very true, I definitely made some pretty obvious newbie mistakes lol! Thank you for the comment and the help, I really appreciate it :)

    0
  • Yacoub AlDweik•2,850
    @YacoubDweikPosted 22 days ago

    Good job! would only suggest to use more semantic HTML elements like main & section instead of div, keep it up!

    1
    Paula•10
    @pauliecodePosted 21 days ago

    @YacoubDweik Thank you for the comment and the advice! I appreciate it :)

    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