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 using SCSS with animations.

@chri55

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


Please let me know what you think. Thanks!

Community feedback

P
Patrick 14,325

@palgramming

Posted

It seems like it is going from Desktop to mobile too soon showing that is changing about 900px wide seems like maybe it should not change till maybe 500px/450 wide

also the animation is nice but I missed it at first load until I saw someone comment about it

Also when it changes to mobile seems like your headline font needs to be bigger

1
Martin 1,150

@ringm

Posted

looks amazing! really neat animations and the responsiveness is sweet.

tiny suggestion: maybe adding a max-width to the container? I'm opening it on a 4k monitor and, although it's not breaking (which is really nice) I feel is stretching too much, and the font display at that size is too small.

Other than that, it's great! Keep at it!

1
Andy Tran 105

@foolmonkey

Posted

Well done, the animations on the boxes loading, as well as stars, is very nice!

A minor suggestion: the line height on the tagline's description could be a bit larger.

1

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