Submitted about 1 year ago

Created Results Summary using flex box

Elvy A Decoo•90

@Elvy1999

Preview site View code

This is a solution for...Results summary component

HTML
CSS

1newbie

Design comparison

SolutionDesign

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

hitmorecode•6,680
@hitmorecodePosted about 1 year ago
On the container just change the border radius to 15px
Marked as helpful
1
Elvy A Decoo•90
@Elvy1999Posted about 1 year ago
@hitmorecode Thank you!
0
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 helpful
1
Elvy A Decoo•90
@Elvy1999Posted about 1 year ago
@DoctorLoo Thank you!
1

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