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

Responsive Order Summary Component using flexbox

#tailwind-css

@PranayChavhan

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


This was a great learning experience using CSS flexbox. Can someone please drop any recommendations on how I can improve my responsiveness for mobile devices? I'm having a bit of trouble with that.

Community feedback

@zastar23

Posted

You can do mobile first, it solves all your problems, any html you create is already responsive if you don't set fixed widths and heights on you're content.

Learn about em, rem, vh, vw, etc and use them instead of fixed widths like px.

Just play around with the responsive mode in your dev tools and you can figure it out.

Happy coding!

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