Skip to content
Submitted over 1 year ago

Order Summary Comp made with HTML and CSS

JonhaDev•40
@JohnJaramillodev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Community feedback

  • Joakim Edvardsen•140
    @jKm00Posted over 1 year ago

    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

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