Design comparison
Solution retrospective
Any feedback or suggestion to improve the design ? Used flexbox and grid both to complete the design.
Community feedback
- @correlucasPosted about 2 years ago
👾Hello Kalhara Sandaruwan, congratulations for your new solution!
❓ Answering your question:
1.You can increase the colored bar to make it closer to the design files, its around
8px
ofheight
the size.2.The value you’ve used for the shadow make it too much dark and strong, to create a smooth shadow you need to give it less
opacity
and moreblur
try this value for example:5px 5px 12px 3px rgb(0 0 0 / 4%);`3.Create better
box-shadow
using this online tool: https://www.cssmatic.com/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