Skip to content
Submitted almost 3 years ago

Order summary component

Jintax•20
@Jintax1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I don't know how to do shadows and it's not as pixel perfect as I would like. I will return to make it a little better in the future. Any feedback would be appreciated :)

Community feedback

  • Jacob Peter•40
    @kesevan626Posted almost 3 years ago

    . container{ box-shadow: 2px 3px 15px grey; } //This will give it the shadow of 2px right and 3px bottom. //Top and left will have a negative value

    Marked as helpful
    1
    Jintax•20
    @Jintax1Posted almost 3 years ago

    @kesevan626 thank you for you feedback, I'll come back to it as soon as I finish my second one :)

    0
  • Valeria Montoya•240
    @ValeriaMontoyaPosted almost 3 years ago

    Hi Jintax. You got close to the design, you did great. I just want to give you a tip: you should always use the <main> tag to wrap all the content so you avoid accessibility issues. Happy New Year btw 🎉

    Marked as helpful
    1
    Jintax•20
    @Jintax1Posted almost 3 years ago

    @ValeriaMontoya Thank you I'll note that, Happy New Year to you too :)

    1

Please log in to post a comment

Log in with GitHub

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