Skip to content
Submitted 8 months ago

Responsive QR Code component using custom CSS

TitaHerizo•70
@TitaHerizo
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?

I'm proud that I was able to finish the project using my knowledge of html and css.

Next time, I'll learn sass and improve the solution using sass.

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

The most challenge is mainly centering the section and the responsive part.

I re-read the css and change little by little to see the change.

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

In the css, I would like to know if there is a way to shorten it,

Community feedback

  • Paul McAviney•40
    @paul-mcavineyPosted 8 months ago

    Great job with the solution @TitaHerizo!

    You could probably shorten your CSS by not including all the media queries. I don't think the size really changes much from mobile to desktop according to the design file, so just build it for mobile and you should be good!

    Marked as helpful
    1
  • Lucas Gabriel•10
    @LucasGabrielGameDevPosted 8 months ago

    You did a good job, unfortunately I can't validate the code, the page was not found.

    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