Streaming live at 10am (PST)

Responsive grid system

Hi everyone,
I have been struggling with trying to implement a grid-like system for a client (see example). It needs to be responsive and ideally use Webflows CMS system. Any ideas?

Thanks in advance!


Are you allowing Flexbox? Lets assume no…

So let’s use ROW elements for responsivity, and multiple grids for CMS.

http://vincent.polenordstudio.fr/snap/zdsle.jpg

So 4 dynamic list, that’s ok, that’s how non uniform grids are made.

On mobile one column will be displayed after the other.

1 Like

Or you could have 2 divs with 2 dynlists side by side. With an inversed layout. the orange arrow represent the negative bottom margin of the first line/div.

This way you’ll keep a better order of the cells.

3 Likes

Hi @vincent, Thanks so much for your help! I managed to get it working by using a combination of divs and columns, like you said. I first tried using Flexbox, but as the height of various objects are different, it didn’t adapt so well. Thanks again!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.