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

SCSS, animeJS, and Parcel

sonickonic 700

@sonickonic

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


Trying my luck with animations again, this time with JavaScript library anime.js

Feedback is welcome and appreciated 🚀

Community feedback

David Payne 1,205

@dpayne713

Posted

Nicely done! I love how the media queries are tight and make a lot of sense for each screen size. Animations are nice!

The padding-top on <div class="rating"> blocks looks ever so slightly larger than padding-bottom to me.

1

sonickonic 700

@sonickonic

Posted

@dpayne713 thanks! I really enjoy figuring out how to make it responsive over different screen size, I think I spend more time write the media queries then the styles 🙈🤣

You are right, I will take a look again and fix it!

0

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