Skip to content
Submitted almost 4 years ago

Social-Proof-Section_Master HTML/CSS

Filip Viktor Hanzlík•30
@FilipHanzlik
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello! A feedback would be highly appriciated and would help me improve🙏. Also i had a problem setting shadows in hover state. Basically after aplying a hover state for all cards, only the first one works correctly. If anyone knows what i did wrong, i would really appreciate if he let me know.

Community feedback

  • Renszo Camacho•1,615
    @RenszCamachoPosted almost 4 years ago

    Hi FilipHanzlik.

    Good job mate 👏👏👏. You have done a fantastic job on this challenge 👌, I like the animation background and it’s very responsive 💯.

    It took me a while to find the shadow's bug. 😊

    The issue is your layout and how you placed the backgrounds, what is above your cards.

    So to fix that just put a .bottom-background{ z-index: -10 }

    Hopefully, it helps.

    Happy coding🧑‍💻

    3
    Filip Viktor Hanzlík•30
    @FilipHanzlikPosted almost 4 years ago

    Thank you so much, now it works.

    0

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