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

Qr Code Component

INDavid04 70

@INDavid04

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 happy with the centered div. Next time, I want to change min-height from 90vh to 100vh without creating a vertical scroll.

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

One challenge was adding the local font.

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

I'm not so sure if the local font, "Outfit", is or not applied to the website, even I linked it in the css.

Community feedback

@youngimmortal-p

Posted

Your project is cool. But i suggest that you should try using external reference for your CSS , so that your code will not look too jampacked. Keep it up bro

Marked as helpful

1

INDavid04 70

@INDavid04

Posted

@youngimmortal-p thank you! Sure, on future projects I will take your advice. Now I saw the internal css in the html document. However, do you know how to check if the font is the one from design?

1

@youngimmortal-p

Posted

@INDavid04 After applying my local font, i then compare how it looks with that of the design to know if the font was applies.

Marked as helpful

1

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