Testimonials grid section solution

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

• Using Grid CSS and make responsive design with it.
• I won't set grid-row-template property I will let the grid items take height from its content

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

• The challenge I faced was creating a responsive grid layout that adapts well to different screen sizes. In particular, one grid item needed to span two rows on the desktop, while all items had to stack in a single column on mobile, adjusting their heights to fit the content. Additionally, the grid items had varying amounts of content, making it tricky to keep the layout balanced and aesthetically pleasing on all devices.

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

-I'd appreciate help refining the grid's responsiveness, especially when it comes to ensuring the layout remains visually appealing on a wider range of screen sizes, like large desktops or tablets. I'm also looking for advice on optimising the grid for accessibility, particularly regarding the reading order of the items when they stack in a single column on smaller screens.

-Additionally, I’d like to explore how to implement a fallback for older browsers that don’t fully support CSS Grid, ensuring a seamless user experience across different browsers.