Design comparison
Community feedback
- @correlucasPosted about 2 years ago
๐พHello @KarthikRaja1388, congratulations for your new solution!
Your solution structure is already really good, something you need to improve is the design, here's some tips for you:
First you need to match the colors, for example the background is
background-color: #FAFAFA
. To have the colored bar not rounded you can create this using<span>
and givingheight: 8px
thats the correct size for this colored bar.Anyway, you download the project files thereโs a file called
style-guide.md
where you can find information such ashsl color codes
and thefont-size
for the headings.๐จโ๐ป Here's my solution for this challenge if you wants to see how I build it:
https://www.frontendmentor.io/solutions/4-card-feature-section-vanilla-css-custom-design-glassmorphism-35MDUfOBdt
๐ 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