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 Comp made with HTML and CSS

JonhaDev 40

@JohnJaramillodev

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


Hello.!! Please feel free to give feedback I want to improve

Community feedback

@jKm00

Posted

Looks great!

When it comes to responsiveness, the card looks a bit wonky when you get to screen sizes right under the threshold of your media query. One fix could be to use the min() function when setting the width of the card instead of just 85% (e.g. min(500px, 85%)). This would make it so the width of the card would be whatever is lowest of 500px and 85%. If I'm not mistaken, this also means you don't have to specify a width in the media query.

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