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

Social-Proof-Section_Master HTML/CSS

@FilipHanzlik

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@RenszCamacho

Posted

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

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