Submitted about 2 months ago

Responsive testimonial using Grid and Flexbox

andrean-sihombing• 320

@imandreans

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?

Im proud that I finally know how to set the grid layout.

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

Sometimes the section is out from the grid. So, I need to set the width of container using rem unit. Also, It is hard to be precise on the section's padding and size.

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

Community feedback

Rui-Martins23• 150

@Rui-Martins23

Posted about 2 months ago

Hi @imandreans, Nice coding! Really efective and easy to understand. I believe that through the use of max-width (and also max-height) property you'll be able to achieve what you intended. Just try next time building the project with a mobile-first approach. I think this way it you'll be easier to understand how this css properties can be useful. Regarding the section's padding and size, I wouldn't worry much about that, as your final outcome was really similar to the challenge's solution.

Enjoy coding!

Marked as helpful

innitman• 130

@innitman

Posted about 2 months ago

Very nice solution! I think your section is fitting nicely in the grid

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