Skip to content
Submitted 9 months ago

Grid project with a little bit of Flexbox for responsiveness.

Proja26•40
@Proja26
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?

Really enjoyed making this project. It was very interesting to figure out how to position every "testimonial" using Grid.

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

At first, the positioning of every 'testimonial' was confusing, but once I got the hang of it, it was fairly simple and easy

What specific areas of your project would you like help with?

Regarding the responsiveness, I've only turned the whole 'container' of the testimonials to display: flex; and added flex: wrap; so that testimonials would stack on top of each other. If there are any other options to add here, please let me know; all suggestions are highly appreciated!

Community feedback

  • Anis-Web•100
    @Anis-WebPosted 9 months ago

    Hello Friend! Your design is not responsive, I think you should turn display to flex with direction columns when the size of the screen is less than 600px, and seems like your content's width is 100%, but in the design is not, you can fix it)

    1
    Proja26•40
    @Proja26Posted 9 months ago

    Yeah you are completely right, i've just noticed that, at first i did put max-width: 700px; and afterwards, once i checked the ReadMe file, i've set max-width: 375px; and didn't even check it 😅. But regardless, thank you very much, will fix it!🙏🙏@Anis-Web

    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