Design comparison
Solution retrospective
Hello Frontend Mentor community!....
I have a completed another small project and this is my solution for the Order summary component.
Feel free to leave any feedback!
Community feedback
- @Deevyn9Posted about 2 years ago
Hi Manu, congrats on completing this project, from the screenshot, the button text and the cancel order text are breaking on to different lines. Look into fixing it.
Happy coding 🎈
1 - @correlucasPosted about 2 years ago
👾Hello Manu Jayakumar, Congratulations on completing this challenge!
I saw your solution preview site and I think it's already really good. Here’s some tips for you to improve it:
The box-shadow is a bit too evident, this is due the
opacity
andblur
. The secret to create a perfect and smooth shadow is to have low values foropacity
and increaseblur
try this value instead:box-shadow: 12px 7px 20px 6px rgb(57 75 84 / 8%);
If you’re not familiar to box-shadow you can use this site to create the shadow design and then just drop the code into the CSS: https://html-css-js.com/css/generator/box-shadow/
✌️ I hope this helps you and happy coding!
0
Please log in to post a comment
Log in with GitHubJoin 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