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

First HTML/CSS page I have done

Johan 10

@lindenjo

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@Grishmita

Posted

•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
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