Skip to content
Submitted about 2 years ago

Order summary card solution with HTML and CSS only

accessibility
Mikhail•440
@MikeBeloborodov
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code

Please log in to post a comment

Log in

Community feedback

  • Tomasz Zawadzki•340
    @ExpertoMontanero

    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

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