Submitted 7 months ago

Responsive Results Summary Component with JSON data manipulation

MarieG41• 210

@MarieG41

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Results summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Community feedback

Abdellah Abadou• 270

@abdellah-abadou

Posted 7 months ago

You can make the color gradient via a CSS property : "background-image: linear-gradient(First color, second color );"

MarieG41• 210

@MarieG41

Posted 7 months ago

@abdellah-abadou I tried but it did not look great with the colors that I had.

DeeCoder• 60

@Akinwande-Mhayormarkdee-Oladipo

Posted 7 months ago

@MarieG41 You need to play around with the color-tops or transparencies of the provided colors to get a similar outcome.

Please log in to post a comment

Join 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