Skip to content
Submitted almost 4 years ago

Social Proof Section - Desktop only

Mark Sainsbury•45
@Sa1ners
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

My first time using Grid, so probably some mistakes. I am sure that there is a more efficient way to create 5 stars! I tried using the image repeat function within a separate div but then struggled to get the alignment correct so reverted back to multiple img entries in the html file.

As ever, all feedback, suggestions for improvement welcome.

Community feedback

  • seyide hundeyin•440
    @SeyideHundeyinPosted almost 4 years ago

    Hi Mark,

    I recommend you trying to make it responsive on mobile devices and position the second background image closer to the testimonial cards.

    Also, you can try to use flexbox or grid for this challenge as it will make it easier.

    Have a nice day!

    1

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