Design comparison
SolutionDesign
Community feedback
- @margaux-worksPosted 4 months ago
Hi Grymbo,
Congrats on completing the challenge! ✅
Your solution is looking really close to the design, well done :)
I have noticed a few things that could be optimised:
- your HTML is well structured and organised. Keep in mind that you can use semantic HTML to make it more clear and readable. For example, you can use <main> to wrap your main content instead of <div>.
- in the design, the card has a border of 1px (solid). This is currently missing from your development.
- there is currently a blur applied to your shadow, while on the design the shadow does not have any
- in the hover state, I believe the only change is the color of the main title. Currently, there is an hover effect applied to your border shadow.
I hope this is helpful and keep up the great work!
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