Design comparison
Solution retrospective
I was having difficulty shading the left container with different shades of blue. I was also having difficulty making the bottom of the circle more transparent. Lastly, does anyone know how to make the result_card container be the edge for the top left and bottom left of the container it's in? Any other constructive criticism you guys can provide will be appreciated.
Community feedback
- @hitmorecodePosted about 1 year ago
On the container just change the border radius to 15px
Marked as helpful1 - Account deleted
Hi !
problem 1: for the shadow use
box-shadow: 10px 20px 30px -10px hsl(241, 100%, 89%);
for the hole box.problem 2: for the color use
background-image: linear-gradient( to bottom, hsla(256, 72%, 46%, 1), hsla(241, 72%, 46%, 0) );
Have a nice day !
Marked as helpful1
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