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

Order summary component using HTML/CSS

Bryan 130

@MamieNorris

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


I applied other users (precious) advices and used rem units to size my items instead of fixed sized and flex display everywhere. I must say it is much easier and faster this way.

Even though, the site seems to be responsive I would like my main container to fill 80% of the screen wdith wise when on a mobile. I checked on my phone and it's working properly (well, proportion are fine but too small). I have another issue as well with the image. When I sized down the page on my laptop, at a certain point, my main container fills 80% of the screen but the image is slightly shorter (width).

Thanks for reading !

Community feedback

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