Skip to content
Submitted about 1 year ago

Order Summary _ Front End Mentor Challenge

JessicaSamtani•160
@JessicaSamtani
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

Third Project _ Box Shadow was a new concept for me and needed to wrap my head around that. I believe it is still not as accurate as what the expected display was, happy to hear any other methods one can use for this

Thanks :)

Community feedback

  • Nayan Bhatt•980
    @freaky4wrldPosted about 1 year ago

    Hey there, congratulations on completing the challenge, you can use the following link :-

    box-shadow by mdn Docs

    Play with the sandbox provided there with different values and try to grasp it in a more interactive and playful way !!!!

    SUMMARY box-shadow is used to add shadow to the element and has following shorthand :-

    box-shadow: horizontal-offset vertical-offset blur-radius shadow-color;

    • horizontal-offset: is used to determine the position of shadow on the horizontal axis and it's width
    • vertical-offset: is used to determine the position of shadow on the vertical axis and it's width
    • blur-radius: used to determine the blur quantity
    • shadow-color: is to color the shadow

    You can get more details on the MDN link above, hope it helps

    Marked as helpful
    0
    JessicaSamtani•160
    @JessicaSamtaniPosted about 1 year ago

    This is great. Thanks a lot @freaky4wrld

    0

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