Skip to content
Submitted 4 months ago

Testimonials grid section with bootstrap

Biruk Moges•280
@lost50U1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

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
    @ZorbiksPosted 3 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.

    0
    Biruk Moges•280
    @lost50U1Posted 3 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

    0

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