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

Flexbox is used

Mohit Jain 190

@MOHITBILALA

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@florent6001

Posted

Hi,

Your code is pretty good, but the height of your card isn't fit to the content, you have to round the border of the card too.

If you resize the page, you sometimes have problem with the height and width that change for no reasons, for example, if you get less height, the width change too.

This is because you got this : .order-card { height: 92vh; width: 60vh; }

It's should be probably better if you don't set a fixed height and width, and replace it with max-height and max-width.

Great work.

Marked as helpful

0

Mohit Jain 190

@MOHITBILALA

Posted

@florent6001 Thank you very much, I'll give it a try

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