# Stretch element between two other elements, possible?

**URL:** <https://forum.bubble.io/t/stretch-element-between-two-other-elements-possible/140419>\
**Category:** Questions\
**Created:** [March 10, 2021, 5:16am UTC](https://forum.bubble.io/t/stretch-element-between-two-other-elements-possible/140419 "2021-03-10T05:16:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ben4](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ben4/32/20434_2.png) [@ben4](https://forum.bubble.io/u/ben4)\
**Post date:** [March 10, 2021, 5:16am UTC](https://forum.bubble.io/t/stretch-element-between-two-other-elements-possible/140419/1 "2021-03-10T05:16:10Z")

</div>

Hey forum,

Let’s say I have a fixed element at the top of the page and a floating element at the bottom, with a calendar in between. I want the calendar to dynamically stretch between the two based on the size of the screen. Does anyone know how to do that? That would be amazing 🙂

Thank you,  
Benjamin

---

<div class="post-metadata">

**Author:** ![lantzgould](https://avatars.discourse-cdn.com/v4/letter/l/ecccb3/32.png) [@lantzgould](https://forum.bubble.io/u/lantzgould)\
**Post date:** [March 10, 2021, 6:36am UTC](https://forum.bubble.io/t/stretch-element-between-two-other-elements-possible/140419/2 "2021-03-10T06:36:49Z")

</div>

I use the hero sizing plugin. Works great and you can set it to sit above the footer and below the header. Or anything really. More here:

> [@Toolit Kit - Hero Sizing Element Video Tutorial](http://forum.bubble.io/t/toolit-kit-hero-sizing-element-video-tutorial/71154):
>
> Hello All, I know some you were asking for this! So here it is smile This a comprehensive tutorial on how to achieve a hero effect in your bubble apps using the Toolit Kit plugin - Hero Sizing Element I am also working on a comprehensive documentation site for other plugins I have and many more that I did not release yet Please check the video description for the links to the editor and example

The example here someone posted is great to see how it works in practice.

> [@Toolit Kit - Hero Sizing Element Video Tutorial](http://forum.bubble.io/t/toolit-kit-hero-sizing-element-video-tutorial/71154/6):
>
> Thank you Ali for taking time with me the other day. I’m just posting here the hero sizing issue when resizing if someone is stuck aswell loom video [here](https://www.loom.com/share/436a5b5eef5042ac90e6e68ba6068d13) live demo [responsive chat hero sizing loop](https://bubble.io/page?type=page&name=chat-responsive&id=bubblehacks&tab=tabs-1) I will also try to take a closer look at your plugin’s fork

---

<div class="post-metadata">

**Author:** ![ben4](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ben4/32/20434_2.png) [@ben4](https://forum.bubble.io/u/ben4)\
**Post date:** [March 10, 2021, 7:02am UTC](https://forum.bubble.io/t/stretch-element-between-two-other-elements-possible/140419/3 "2021-03-10T07:02:20Z")

</div>

Hey @lantzgould,

I wasn’t able to get anything to work. I followed the video and attempted to follow the example. Thank you for trying though.

Benjamin