Streaming live at 10am (PST)

Responsive help


#1

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


#2

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


#3

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


#4

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


#5

Thanks for your help Alex!


#6

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


#7

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