Skip to content
Submitted about 1 year ago

Testimonials-section-with-flex-box

Mohamed Ragheb•80
@mohamed-fm
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

Hello, my name is Mohamed. I used Flex-box to create this design. Could you please provide me with feedback on how to improve it? Thank you.

Community feedback

  • Carolina Borba•510
    @anacarolinabmvPosted about 1 year ago

    Hello Mohammed, great job at completing the challenge! You mentioned you used flexbox to design the layout, however I'd suggest using display:grid instead. By doing so, you would not need to wrap the cards in parent containers in order to create the flexbox containers. And with the spanning properties of grid, creating two dimensional layouts are super simple, once you don't need to define individual properties for each card (eg. height margins etc..).

    I have also completed this challenge using CSS Grids, feel free to check it out. :) Happy coding ✨

    Marked as helpful
    0
    Mohamed Ragheb•80
    @mohamed-fmPosted about 1 year ago

    @anacarolinabmv Hello Carolina, I really appreciate your feedback. Of course, I will check out your design. Thank you

    1

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