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, First attempt

Alfo 30

@Alfo-code

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 couldn't make it responsive. Any feedback will be appreciated.

Community feedback

P
Justin Green 2,750

@jgreen721

Posted

I don't think this exercise needs to be too responsive with the one card, and I see you used @media query down below which would have been my suggestion for in-general/future use. I would recommend putting a min-width onto the card to prevent it from shrinking too small. There is also a clamp function worth checking out. Roughly it's width:clamp(min,desired,max).

Nice job though. The card and background both look good at desktop size!

Marked as helpful

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