Skip to content
Submitted about 3 years ago

First HTML/CSS page I have done

Johan•10
@lindenjo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Not adapting to different sizes of the window and mobile version. What are the best techniques for making it more adaptable to different sizes? Eg use (r)em or % when deciding sizes instead of px?

Any other position settings that should be modified?

Community feedback

  • Grishmita•105
    @GrishmitaPosted about 3 years ago

    •For media query break point it is preferable to use px •For font-size it more convenient to use rem but in some case if the rem is giving more change then u need than use px; •For padding and margin use px ; •for width use%

    Also there is media query break point generator online you can refer to that if you feel any confusion regarding media query however I would never suggest to use that Generator as will not grow your knowledge about media query it jzt for reference

    1

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