Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 5 years ago

Social proof section

Griselda Knight•280
@Greeshma2903
A solution to the Social proof section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello all!

This one was another cool project! My main focus with this project was to get the background right and responsive (which I had put a hold on for a lot of other projects 🙈). I worked styled this site in DOM order, which will be my go-to approach from now on 😁.

I also revised working with CSS animations. (Checkout (https://keyframes.app/) to download this beautiful extension that helps visualize your animations live).

My question :

  • Where is it preferred to place keyframe definitions in our CSS files? Just above the block where we used the animations, OR at the start of the file?

All kinds of feedback are welcome! 😊

Cheers, and thank you!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Griselda Knight's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License