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 Code component using custom CSS

@TitaHerizo

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'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

Posted

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

@LucasGabrielGameDev

Posted

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
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