Responsive grid system

Design help General
1

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!

644×1370 6.02 KB

2

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
3

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.

http://vincent.polenordstudio.fr/snap/3t8hx.jpg

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

3 Likes
4

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
5

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