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

Nofar Avivβ€’ 120

@nofaraviv

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


I'm a newbie in frontend development and this is my first challenge that I made responsive. For the testimonials boxes, I used the Bootstrap Grid Layout and I'll appreciate your comment about it. Did I make this correctly?

Community feedback

Tejasβ€’ 265

@Tejas-117

Posted

Solution looks good.

Just a suggestion: 'max-width' property is restricting the 'testimonial-description' part.

-Happy coding :)

0

Nofar Avivβ€’ 120

@nofaraviv

Posted

Do you mean I shouldn't use the 'max-width' for the testimonial boxes? Because without it, the last box drops to a new line because there is not enough space for all 3 boxes to be in the same line.

0
Tejasβ€’ 265

@Tejas-117

Posted

@nofaraviv Because of 'max-width' property the content inside is overflowing. Maybe, try to increase it using certain media queries..

0
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

Hello πŸ‘‹ @Nofar

Nice work ☺️ on this project

Everything looks good on my device except the profile pic of the users. It is a bit bigger.

Hope it helps and happy coding πŸ˜‰

0

Nofar Avivβ€’ 120

@nofaraviv

Posted

Thank you very much! :)

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