Streaming live at 10am (PST)

Trouble Making Grid Columns Responsive

Hello,

I’m having trouble making my Grid responsive. On desktop, I want the grid to have three columns as seen now (3x2 grid). On tablet and mobile horizontal, I want the grid to reduce to 2 columns (2x3). I watched the tutorials and followed the documentation to no avail. When I try to delete a column on tablet as directed, an auto column is generated, but I want the content to drop down and for a row to be auto generated. What am I missing?

Here is a link to my read only:

https://preview.webflow.com/preview/format-studio-2d06d6?utm_medium=preview_link&utm_source=designer&utm_content=format-studio-2d06d6&preview=a65a320bb35bc1452f504d06389b1f92&pageId=5ee6ba66fe66915caf551b9a&mode=preview

Also attaching some screenshots.

I solved this. I was using a grid inside the grid cell to contain the image with its caption as a group. I tried rebuilding this with div blocks inside of the cells instead of nested grids and the grid is now performing as expected.