Submitted 6 months ago

Grid project with a little bit of Flexbox for responsiveness.

Proja26• 40

@Proja26

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?

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-Web

Posted 6 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)

Proja26• 40

@Proja26

Posted 6 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

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