
Design comparison
SolutionDesign
Community feedback
- @Jewalikar-NitinPosted 20 days ago
- Your design is very good . If you give
border-radius: 10px;
to the image andborder-radius:20px;
to card it will look more similar. - Also you have not used the any heading tags
(ex. h1)
, which might cause web accessibilities issue so use headings tags in orderh1>>>h6
. - Change the title color to
slate-900
which you'll find inStyle-guide.md
- Declare css variables in
:root
so you can use it easily multiple times (check below)
:root { --White: hsl(0, 0%, 100%); --Slate-300: hsl(212, 45%, 89%); --Slate-500: hsl(216, 15%, 48%); --Slate-900: hsl(218, 44%, 22%); }
Marked as helpful0 - Your design is very good . If you give
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