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

Single-page website with a QR code using HTML and CSS

@DmitryIsTrying

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?

To be honest, I’m not a complete beginner, but I recently started using Frontend Mentor.

The work was easy; I mainly wanted to try deploying my first project. In the future, I will take on more challenging projects and try to implement them.

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

I didn't encounter any difficulties, but I imported a Figma file for the first time; before that, I received links to templates.

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

If you’d like, you can take a look at the CSS file. Maybe I hardcoded something not very well. But please, don’t nitpick about the fact that I didn’t write classes for the divs.

Community feedback

@marliedev

Posted

Your solutions is good but not perfect!

You should have used custom properties in css and added variables for colors and spacings.

Another tip when working with figma design files: use the dev-mode in figma to get deeper insights for variables and spacings. Look at all elements and inspect them correctly. This way you would have set the correct box-shadow parameters: (0 25px 25px rgba(0,0,0 4.77%).

Marked as helpful

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