# Sizing containers

**URL:** <https://community.sitejet.io/t/sizing-containers/1064>\
**Category:** Website Builder\
**Tags:** cms\_usability\
**Created:** [September 22, 2021, 10:44pm UTC](https://community.sitejet.io/t/sizing-containers/1064 "2021-09-22T22:44:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sasha\_Slayton](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@Sasha\_Slayton](https://community.sitejet.io/u/Sasha_Slayton)\
**Post date:** [September 22, 2021, 10:44pm UTC](https://community.sitejet.io/t/sizing-containers/1064/1 "2021-09-22T22:44:10Z")

</div>

Hello! I want to make my top container smaller so that the bottom container (which holds a blog) is visible as soon as someone comes to the landing page. I cannot figure out how to do this - please give advice! Thank you!

For context, my site is [www.persephoneplants.com](http://www.persephoneplants.com)

---

<div class="post-metadata">

**Author:** ![David\_Harris](https://avatars.discourse-cdn.com/v4/letter/d/838e76/32.png) [@David\_Harris](https://community.sitejet.io/u/David_Harris)\
**Post date:** [September 25, 2021, 4:02pm UTC](https://community.sitejet.io/t/sizing-containers/1064/2 "2021-09-25T16:02:20Z")

</div>

I don’t know the exact setup, but I normally use the max height property. Depending on your setup, you may have to use css to accomplish this. Try setting it to like 75% of the view height and see if that gives you what you want.

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [September 27, 2021, 11:01am UTC](https://community.sitejet.io/t/sizing-containers/1064/3 "2021-09-27T11:01:06Z")

</div>

Hey there Sasha,

you are able to achieve this here when you have selected your container .main-container

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/ce35da3a94efc4da71b3b236e23c6e42d4d8c25e.png)

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [August 20, 2024, 11:33am UTC](https://community.sitejet.io/t/sizing-containers/1064/4 "2024-08-20T11:33:42Z")

</div>


