Skip to content
Submitted 9 months ago

Pure HTML + CSS

vtopavlov•10
@vtopavlov
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Proud of the structure I created.

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

Vertically positioning in the centre was hard for me. Overcame it by asking chatgpt

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

Centering elements

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • shwerts•220
    @shwerts

    Greetings, I see that you solved this challenge very good! Here's some moments for future considerations you should take to improve your frontend skills:

    • Use class instead of id, second can be used only to be used in JavaScript and for anchoring. Using classes can shorten selectors in every ruleset.

    • For font-size and element's sizing properties you should use rem mostly or em units to tolerate user's personal font settings. Relative units bases on user's font size settings, for most users, they have 16px for font size, so you can base on it.

  • M. Abubakr•250
    @m-abubakr1

    I see you have found the right font for it, I missed that one.

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