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 _ Front End Mentor Challenge

@JessicaSamtani

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


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

@freaky4wrld

Posted

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

Posted

This is great. Thanks a lot @freaky4wrld

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