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

Bootstrap-vue

@Raphael-ui

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This one beat the shit out of me, Tried to do it with bootstrap but, it was actually a mess to get correct responsiveness of elements through the component model

Community feedback

Web Frog 1,840

@MasterDev333

Posted

Great work @Eleonore poras. As you said, Bootstrap grid system is base on flexbox. In this challenge, it would be better if you use Grid rather than flex. Hope you use Grid next time. Happy coding :)

1
P
Matt Studdert 13,611

@mattstuddert

Posted

Hey Eleonore, nice work on this challenge. As @MasterDev333 mentioned, using CSS Grid in this challenge is definitely preferable to Flexbox. You've done a good job with the tools you used though.

I'd actually recommend having another go with this challenge without using a UI framework and use Grid for the layout instead. That way you'll be able to scale it up/down properly for the tablet sizes as well. It will definitely be worth the effort!

Keep up the great work!

0

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