# How to make the height of the page adjust automatically according to the length of the content

**URL:** <https://forum.readymag.com/t/how-to-make-the-height-of-the-page-adjust-automatically-according-to-the-length-of-the-content/501>\
**Category:** Animations\
**Created:** [August 3, 2022, 9:16pm UTC](https://forum.readymag.com/t/how-to-make-the-height-of-the-page-adjust-automatically-according-to-the-length-of-the-content/501 "2022-08-03T21:16:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ashleycc08](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Ashleycc08](https://forum.readymag.com/u/Ashleycc08)\
**Post date:** [August 3, 2022, 9:16pm UTC](https://forum.readymag.com/t/how-to-make-the-height-of-the-page-adjust-automatically-according-to-the-length-of-the-content/501/1 "2022-08-03T21:16:06Z")

</div>

Hello!

I am building my website (blogs and portfolio) with Readymag, fairly new to this powerful tool, but excited!

I would like to have a “view more” button that once clicked on, more cards (content) will show up, and I worked it out with the animation with trigger function. Yet, one issue with this is that, the website height is static, as of now, so the newly loaded cards might go beyond the limit of the page. Any one know how to tackle it? Thank you very much for your insights!

I am attaching the screenshot of how it looks!

 ![Screen Shot 2022-08-03 at 2.05.01 PM](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/7df5db744e4efb0ad0939329b6e4a06c79b1243b.jpeg)  
 ![Screen Shot 2022-08-03 at 2.05.08 PM](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/2a54c09df2fe6cf29156d95a1ee13f3fc644baf6.jpeg)

---

<div class="post-metadata">

**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\
**Post date:** [August 8, 2022, 1:14pm UTC](https://forum.readymag.com/t/how-to-make-the-height-of-the-page-adjust-automatically-according-to-the-length-of-the-content/501/2 "2022-08-08T13:14:12Z")

</div>

To my knowledge it isn’t possible to dynamically change the height of the project based upon another element scaling.

---

<div class="post-metadata">

**Author:** ![Anna](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@Anna](https://forum.readymag.com/u/Anna)\
**Post date:** [March 1, 2023, 10:58am UTC](https://forum.readymag.com/t/how-to-make-the-height-of-the-page-adjust-automatically-according-to-the-length-of-the-content/501/3 "2023-03-01T10:58:10Z")

</div>

Did you ever find out how todo this? I would like to add a load more button too!

---

<div class="post-metadata">

**Author:** ![miroslavmajdak](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@miroslavmajdak](https://forum.readymag.com/u/miroslavmajdak)\
**Post date:** [December 11, 2023, 5:08pm UTC](https://forum.readymag.com/t/how-to-make-the-height-of-the-page-adjust-automatically-according-to-the-length-of-the-content/501/4 "2023-12-11T17:08:08Z")

</div>

Has anyone found some solution for adjusting page height?  
Maybe using a code?

Thanks.