Submitted 3 months ago

Testimonials grid section with bootstrap

Biruk Moges• 280

@lost50U1

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

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

i want to improve more on bootstrap and to be faster when working on other challenges

What challenges did you encounter, and how did you overcome them?

Bootstrap is not easy when it comes to customization and it is only good when you use the already defined components and settings only. i solved the customization part of bootstrap by adding custom styles.

Community feedback

Zorbiks• 210

@Zorbiks

Posted about 2 months ago

It looks great however the text needs more contrast (light gray on white background). And also you can use background-image and background-position with normal values like px or % to position the quotes svg image like in the design. And finally, cards and images gets squished on medium size devices, you may want to make it two columns.

Biruk Moges• 280

@lost50U1

Posted about 2 months ago

thanks for the comment i guess i only focused on making it responsive on mobile and desktop and didn't make it responsive for medium sizes or tablets and i will try to add the other suggestions too@Zorbiks

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