Design comparison
SolutionDesign
Community feedback
- @sydalwedaiePosted about 2 months ago
I love the drop shadow! Well done. Your HTML and CSS code is quite clean too.
Consider using CSS Variables to store the design system information in one location. For example, you can store all of the colors like this:
:root { --Slate-300: hsl(212, 45%, 89%); --Slate-500: hsl(216, 15%, 48%); --Slate-900: hsl(218, 44%, 22%); }
Then, you can apply each one like this:
.text-preset-1 { font-size: 22px; font-weight: 700; line-height: 120%; color: var(--Slate-900); }
Hope it helps.
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