Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Reposive testimonials grid section using Grid layout

@Twixii99

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

  1. Use grid-template-areas and adjust areas depending on screen size.
  2. Use grid-auto-column: 1fr; to decide the default size of the grid column. (specifying the size of the grid columns that were created without having an explicit size)
  3. Implementing the whole page myself without help.

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

Choosing the best layout to organize the design,

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

Changing layout dynamically based on the screen sizes.

Community feedback

ajkun55 470

@ajkun55

Posted

Great work, all elements are designed well, the layout is precisely similar

1

@Twixii99

Posted

@ajkun55, Thank you so much for your encouraging words!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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