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

Responsive webpage

Salmane 220

@salmaane

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@ComanderPotato

Posted

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

@salmaane

Posted

@ComanderPotato Got it . Thank you very much :)

0

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