I had trouble making this layout responsive using grid. I used grid layout for desktop design and display flex for mobile design. Is there a way I can design the mobile design with grid layout
@Elvislex
Posted
i don't think there's any need to design the mobile view using grid, naturally all the boxes stack on top of each other making it easier to design the mobile view.
Marked as helpful
@Joylin-Pinto
Posted
@Elvislex As I have given grid-column template it stacks as column instead of row. I'll check again maybe some mistake in the grid layout.
@aqu4riu-S
Posted
You can set the display of block to the grid container. That way, grid items (testimonials, in this case) should naturally stack vertically, as they are block level components.
Marked as helpful
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
