How to keep text from getting cut off at the bottom of a page when an accordion is open

Hello!

I’m designing a webpage in Figma that includes multiple accordions. Each piece when expanded is a different size depending on how much text is in it. I’m having trouble with the text getting cut off at the bottom of the page when some of the larger pieces of the accordion are open.

How do I make it so that everything below the accordion and the length of the page is responsive to the size of the accordions?

I’ve already tried to auto layout the entire page and have Clip Content turned off.

You can see this happen if you toggle the two accordions here, the first under Examples and Case Studies and the other with the large bold questions at the bottom.

Would really appreciate the help as someone new to Figma!

Thanks,
Carmen

1 Like

How did you solve it in the end? I can see your prototype works now!