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

@Dribbz

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 Guys !

I'm having big trouble with the responsivness of the card when scaling it below 370px; if one of the pros could take the time and look at my could breifly and tell me what i did wrong i would GREATLY APPRECIATE IT !

thank you guys

Community feedback

Thy Nguyen 190

@thycupxo

Posted

Hey there!

Your result looks great. Your code repo is private so I can't look at the code but I checked the live preview and it looks fine. The reason your card doesn't scale below 370px is because (I'm guessing) you've hardcoded the width of the card. So maybe take a look at that should you need to change it.

For simple challenges like these, I would just leave min-width: 350px just for simplicity. Unless your design is implemented for devices with smaller screens, I think your result looks just fine. Well done! :)

Marked as helpful

0

@Dribbz

Posted

Thanks for your kind words I have made the repo public could you maybe take a closer look when you have time ? @thycupxo

0
Thy Nguyen 190

@thycupxo

Posted

Hey @Dribbz! So I took a look at the code and I don't see anything wrong with it. You can make it shrink further by adding the media query for it but I personally don't see the usefulness of it. Also, your media query for min-width: 450px is empty, you might want to check that. Hope that helps! :)

Marked as helpful

1

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