Design comparison
Solution retrospective
I used the " flex-direction : column; " property in the media queries to obtain the desired layout when viewed from a mobile phone. It had a bit of a challenge with the Json file but I got through it. I would love some tips on how to achieve the faded bottom of the dark blue circle and some clarification on if I can achieve it with only CSS
Community feedback
- @arifaisal123Posted over 1 year ago
You can achieve the gradient/faded colors by using CSS gradient.
.circle { background-image: linear-gradient(red, yellow); }
The code above is just an example of linear gradient that you can use. Instead of red, yellow, you can use actual color values mentioned in the style guide of this challenge.
0
Please log in to post a comment
Log in with GitHub
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