Problem: making my portfolio grid responsive

Design help General
1

Hi,

I’ve got a grid placed on my portfolio “work” page. I’m trying to make it responsive though, so that the row of 4 projects turns into 3 next to eachother on tablet, and then to two on mobile. I can’t figure out how to do this though, as deleting a column and adding a row doesn’t automatically move the project down. How can I do this?

Your help would be greatly appreciated!!

Here is my site Read-Only: https://preview.webflow.com/preview/reach-7c1403?utm_source=reach-7c1403&preview=ed834e396cc5b926f25fd74da6c3ab34

1 Like
2

Hello @Jorik

When you add a new row or column you need to manually restructure your divs/elements.

Here’s a screen record where you can see the basics > Grid-resize.mov - Google Drive

Piter :webflow_heart: