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 Flexbox

Odalloc 170

@Odalloc

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 sure if my code is good and if I should use rem or em for the sizes. Any suggestions will be helpful, thanks!

Community feedback

Account Deleted

Hi, I prefer using rem units because the math is a lot simpler. If you set your root HTML font size to 62.5% which is 10px. The body font size would calculate to be 16/10 = 1.6rem. You did a great job and I suggest you can add a min-height 100vh rather than height 100vh because the element would occupy space of the web page. Here is an article explaining min-height: https://www.positioniseverything.net/css-min-height/ Hope this helps.

Marked as helpful

0

Odalloc 170

@Odalloc

Posted

Hi @bccpadge! Thanks for your suggestions. I'll check the article, you're a great help 😁.

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