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 card solution with HTML and CSS only

Mikhail 440

@MikeBeloborodov

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


Had some problems with determening the color of that shadow under the button. Any tips for that?

Community feedback

@ExpertoMontanero

Posted

Hello there is no simple method to determine actuall box shadow value of element without seeing a css property of it.

Overall, good job about the challange. You did it simply 1:1, but there is a problem in very narrow screens like Galaxy Fold example (width:280px). Your design is moving appart. You can prevent it by scaling font size or other elements size. Try clamp() method or simple media querry values. Hope I helped. Have fun coding :>

Marked as helpful

2

Mikhail 440

@MikeBeloborodov

Posted

@ExpertoMontanero thanks a lot for the feedback! I will try it in the future

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