Submitted over 3 years ago

Social proof section using HTML & CSS

ijyotimaurya150• 40

@ijyotimaurya150

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social proof section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi!. So, this is my second challenge here. I tried my best to complete the challenge but I know it's not up to the mark. Tell me all your suggestions on what component I could have done better way and help me improve. Thanks.

Community feedback

Asif Ali Khan• 210

@asifkhan0410

Posted over 3 years ago

the width of the comment card should be aligned with the rating cards above it gives a more sleek look. look for these style changes. .review-description - padding: 20px 3%; .bottom-review { display: flex; justify-content: space-between; } .bottom-reviews{ height: 180px; width: 30%; display: flex; align-items: center;}

Asif Ali Khan• 210

@asifkhan0410

Posted over 3 years ago

@asifkhan0410 learn flexbox!! your most task will become simple through it. flexbox froggy is a good place to start

ijyotimaurya150• 40

@ijyotimaurya150

Posted over 3 years ago

@asifkhan0410 Noted! 😃I know flexbox but I am too afraid to use it but I think it's time to re-learn again. Thank you so much. I will also look into flexbox froggy.

Rohit Purkait• 460

@codeswithroh

Posted over 3 years ago

This looks really good and I like the responsiveness as well. Well, the only think you could improve is to restrict the horizontal scroll in small screens. Except that everything else looks good.

ijyotimaurya150• 40

@ijyotimaurya150

Posted over 3 years ago

@codeswithroh Thanks! 😃 I will work on the horizontal scroll for small screens.

Please log in to post a comment

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