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 with HTML & CSS

@akrabdev

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


Is there a way to make good looks better on mobile without using media queries?

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Hey, I'm not sure there's much point in avoiding media queries. You'll need them sooner or later. Of course, using min-/max-width instead of width (with the right units, % here is probably not the best choice) can spare you some trouble. You could also try coding the mobile view first and adjust things to bigger screens with media queries (or setting a max-width).

Marked as helpful

0

@akrabdev

Posted

@FluffyKas Hey, thanks a lot for your response. To make it clear I am not against using media queries in at all, I am just trying to know how far I can go without using them.

I will try to play a bit with min/max - width and see.

Also I am a fan of coding desktop view first, as I am not omitting anything , then adjust as I go smaller.

0

@frontendtony

Posted

The colors look a bit different from the design, including the button background and text colors. Other than that, it looks pretty close to the design visually. Good job

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