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 built using React and Vanilla CSS

#react
Raajzz 70

@Raajzz

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


  1. What should be a good width for a card component?

Community feedback

@igor-ostojic

Posted

Hey !

You did a very good job.

The width of the card is similar to the design, i would say the width on desktop is around 350px.

The only thing to add is that you should put max-width instead of width, so the card can scale down automatically when you resize the browser.

Marked as helpful

1

Raajzz 70

@Raajzz

Posted

@igor-ostojic I have came across max-width before but never really bothered to truly understand it, thank you for the quick heads up! I'll start using max-width for creating cards from here on!

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