Skip to content
Submitted 3 months ago

Responsive testimonial using Grid and Flexbox

andrean-sihombing•350
@imandreans
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?

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?

More on how to set the size correctly

Community feedback

  • Rui-Martins23•170
    @Rui-Martins23Posted 3 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
    0
  • innitman•130
    @innitmanPosted 3 months ago

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

    0

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