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

Responsive Results Summary Component

Mantas101 20

@Mantas101

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


Hello everyone, happy new year! This was my attempt at making a responsive results summary component using flexbox. For this project, my intention was to mainly use HTML/CSS and flexbox. I will be refactoring the code as I improve. In this project I was focused on improving my basics like HTML/CSS. Any feedback would be welcomed. I also wanted to ask if there are any improvements I could have made regarding the HTML semantic layout or CSS structure, since I am trying to improve my code and make it more readable, reusable and clean.

Community feedback

P

@EONRaider

Posted

Hello. Try using this box-shadow declaration around your "main" container:

box-shadow: 0 30px 60px 0 rgba(61, 108, 236, 0.15);

You should get the correct shadow when compared to the model.

1

Mantas101 20

@Mantas101

Posted

Thank you for the suggestion, I will try it out! @EONRaider

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