@correlucas
Posted
πΎ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 giving height: 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 as hsl color codes
and the font-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!