Skip to content
Submitted over 1 year ago

QR component

Emmanuel Luka•10
@Emmyluks
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

My stylings were miss aligned and disorganized when I used view vw for my width and vh for my height but worked as expected when I used percentages any explanation on why that is happening?

Community feedback

  • Laharl•1,000
    @UrbanskiDevPosted over 1 year ago

    Hello Emmanuel Luka !

    vw and vh correspond to the viewport width and the viewport height, which is based on the width and the height screen of a device. It is useful to size sections.

    Meanwhile, percentages is based on the relative size of the parent, and not the screen of the device used.

    I have found some links, which may help you to understand better the topic :

    I hope it answer your question, keep learning and happy coding !

    0
    Emmanuel Luka•10
    @EmmyluksPosted over 1 year ago

    @UrbanskiDev thanks, I will read them and will reach out if I have any further questions

    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