Submitted almost 4 years ago

Using Media Queries

@obriedan

A solution to the Order summary component challenge

Solution retrospective

I would really love to figure out how to make this responsive without using media queries, because as it is the card works at 1440px and 375px with some super janky results in between and lower than 375.

The margin between each section from Order Summary down changes at different rates, and the font sizes change so subtly I'm not sure how to create the exact dimensions of the mobile version using things like min(), max(), or clamp.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Daniel's solution.

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