Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Created Results Summary using flex box

@Elvy1999

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,230

@hitmorecode

Posted

On the container just change the border radius to 15px

Marked as helpful

1

@Elvy1999

Posted

@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

@Elvy1999

Posted

@DoctorLoo Thank you!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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