Skip to content
Submitted 20 days ago

Pure HTML + CSS

vtopavlov•10
@vtopavlov
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?

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

Community feedback

  • shwerts•180
    @shwertsPosted 20 days ago

    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.

    1
  • M. Abubakr•10
    @m-abubakr1Posted 20 days ago

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

    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