Skip to content
Submitted about 1 year ago

Responsive landing page

Joylin-Pinto•370
@Joylin-Pinto
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

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

Community feedback

  • Elvis•220
    @ElvislexPosted about 1 year ago

    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
    0
    Joylin-Pinto•370
    @Joylin-PintoPosted about 1 year ago

    @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.

    0
  • deft•110
    @aqu4riu-SPosted about 1 year ago

    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
    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