Submitted almost 4 years ago

Built using purely HTML and CSS

@TejasShekar

A solution to the Order summary component challenge

Solution retrospective

p.s. its been less than a month since I started my web dev journey and apologies if you feel that my questions are noob-ish.

The box shadow is feather light and I just could not find out how to do it.
Background wave svg did not render on github pages even though I dont have any issues when I previewed the site using live server.
Any other suggestions for improvement are happily welcomed.

Thankyou.

Code

Please log in to post a comment

Community feedback

Jimender•140
@Jimender
Posted almost 4 years ago
Hi @TejasShekar, first of all Nice Work so far.

Tips on Improving:
- for box-shadow use box-shadow: 0 1.5rem 2rem rgba(0,0,0,0.1); and try to tweak it until you are satisfied with the result.
- wrap your container in main tag and use flexbox on your container.
- you forgot to add hover & active effects on buttons.
- you can wrap text content inside a div element and add padding so that it looks same through out the project
Sorry couldn't provide solution regarding svg.

Happy Coding :)
Marked as helpful
Burak CLN•385
@brkcln
Posted almost 4 years ago
Hey there, Thanks for the posting your work.. For your 2.question
- Have look at your "file path", probably problem here.. Look Here
- I don't fully understand the problem. This can help; [shadow generator] (https://cssgenerator.org/box-shadow-css-generator.html)
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