Submitted over 1 year ago

Reposive testimonials grid section using Grid layout

Mahmoud kamal•50

@Twixii99

A solution to the Testimonials grid section challenge

Preview Code

Solution retrospective

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

Use grid-template-areas and adjust areas depending on screen size.
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)
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.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Mahmoud kamal's solution.

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