Skip to content
Submitted over 2 years ago

Responsive webpage

Salmane•220
@salmaane
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

My Question is about the units , in my project I only use "px" and "%" , I don't know the best practice units for a full responsive webpage and Why exactly them ?

Community feedback

  • Tom Golding•250
    @ComanderPotatoPosted over 2 years ago

    Looks good. For best practices for units I'd suggest using more relative units like em, rem and of course %, unlike being a fixed unit like px, em's, rem's and % offer flexibility. Em: relative to the parent containers font-size. Rem: relative to the root font-size (:root). %: relative to the parents size. Its not a bad thing to start off with using px's to begin with as they are easier to understand, but if you learn other alternatives it should turn out with a more responsive design. Heres this link for best practices https://gist.github.com/basham/2175a16ab7c60ce8e001. Anyways good job with your work!

    Marked as helpful
    1
    Salmane•220
    @salmaanePosted over 2 years ago

    @ComanderPotato Got it . Thank you very much :)

    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