Responsive help

Howdy! Any help with this would be appreciated. I have 4 blocks at the bottom of my site. The first 3 contain images and text. The 4th one is a bit different. It looks correct on desktop, but for the life of me I can’t get it to expand 100% height on other sizes. Any idea what I’m doing wrong?


Here is my public share link: https://preview.webflow.com/preview/super-final?preview=fdf8e59beaf41c585d71ecec3c987ead

Do you want the three image blocks to stack and the 4th block to grow to match the height?

yes - that’s exactly what I am hoping to do here.

There are a couple of ways to do this.

Here is one example. you in a sense need to create a nested column structure. And in this example turn off flex-box on one column on lower devices.

https://preview.webflow.com/preview/flex-columns?preview=a2b4aea3f7877d41829c5e5106e7f323

1 Like

Thanks for your help Alex!

You’re welcome! Let me know if that worked for you.

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