Skip to content
Submitted 11 months ago

Responsive Results Summary Component

Mantas101•20
@Mantas101
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

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

  • Alysson Gomes•470
    @EONRaiderPosted 11 months ago

    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
    @Mantas101Posted 11 months ago

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

    1

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