# Container cuts screen!

**URL:** https://community.glideapps.com/t/container-cuts-screen/58220
**Category:** Ask for Help
**Created:** [February 21, 2023, 12:35am UTC](https://community.glideapps.com/t/container-cuts-screen/58220 "2023-02-21T00:35:50Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![The\_Legit\_FAM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/the_legit_fam/32/55557_2.png) [@The\_Legit\_FAM](https://community.glideapps.com/u/The_Legit_FAM)
#### Post date: [February 21, 2023, 12:35am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/1 "2023-02-21T00:35:50Z")

</div>

You see the image. The line where I added another container is a problem. It was all good, but when I went to the real website it hides half of the picture of the sand castle and the title “The Arena” off. Any ideas or thoughts what’s happening and also fix it

 ![Screenshot 2023-02-20 163141](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/4/04170760c4a2987b4e2a1627b32c56dfc13b10ac.jpeg)

---

<div class="post-metadata">

### Author: ![The\_Legit\_FAM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/the_legit_fam/32/55557_2.png) [@The\_Legit\_FAM](https://community.glideapps.com/u/The_Legit_FAM)
#### Post date: [February 22, 2023, 1:11am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/2 "2023-02-22T01:11:03Z")

</div>

Well I mean that the last container is sent to the back of the original container. We need it so it can be even

---

<div class="post-metadata">

### Author: ![The\_Legit\_FAM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/the_legit_fam/32/55557_2.png) [@The\_Legit\_FAM](https://community.glideapps.com/u/The_Legit_FAM)
#### Post date: [February 22, 2023, 2:17am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/3 "2023-02-22T02:17:14Z")

</div>

Please tell me HOW TO DO IT!!!

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [February 22, 2023, 3:09am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/4 "2023-02-22T03:09:07Z")

</div>

Try adding some separators in the container with the image.

---

<div class="post-metadata">

### Author: ![The\_Legit\_FAM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/the_legit_fam/32/55557_2.png) [@The\_Legit\_FAM](https://community.glideapps.com/u/The_Legit_FAM)
#### Post date: [February 22, 2023, 4:41am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/5 "2023-02-22T04:41:40Z")

</div>

I tried to add separators but it got even worse when I added it. Any solutions?

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [February 22, 2023, 5:15am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/6 "2023-02-22T05:15:04Z")

</div>

No. The hero container doesn’t automatically fit the image, it fills it. If you need the entire image to display, you’ll need to use an image component or [upgrade to business](https://join.glideapps.com/pricing5964) and use CSS.

---

<div class="post-metadata">

### Author: ![The\_Legit\_FAM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/the_legit_fam/32/55557_2.png) [@The\_Legit\_FAM](https://community.glideapps.com/u/The_Legit_FAM)
#### Post date: [February 22, 2023, 5:17am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/7 "2023-02-22T05:17:39Z")

</div>

I do not feel like upgrading to business, what if I just like make the text “The Arena” smaller so it can fit, does that solve the problem

---

<div class="post-metadata">

### Author: ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)
#### Post date: [February 22, 2023, 5:54am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/8 "2023-02-22T05:54:26Z")

</div>

Here is what works for me. Create an image in Canva or somewhere that is a transparent png about the proportions that you are looking for. Then add a container with the actual image you want to show, and use “image” as the background. Next, add an image inside of this container that points to the empty png image. That will expand the container image without putting anything unwanted in front of it.

 ![Mouse_Highlight_Overlay-14](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/f/ffae5d6af2e8104d4166e54f520a17b3b540cfce.jpeg)

---

<div class="post-metadata">

### Author: ![The\_Legit\_FAM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/the_legit_fam/32/55557_2.png) [@The\_Legit\_FAM](https://community.glideapps.com/u/The_Legit_FAM)
#### Post date: [February 22, 2023, 5:59am UTC](https://community.glideapps.com/t/container-cuts-screen/58220/9 "2023-02-22T05:59:07Z")

</div>

I think that’s fine I can just like downsize the text from the container and show you how it looks like after. Okay

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [February 22, 2023, 1:01pm UTC](https://community.glideapps.com/t/container-cuts-screen/58220/10 "2023-02-22T13:01:08Z")

</div>

Here’s what I was talking about regarding using an image instead of an image container:

---

<div class="post-metadata">

### Author: ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)
#### Post date: [February 22, 2023, 3:56pm UTC](https://community.glideapps.com/t/container-cuts-screen/58220/11 "2023-02-22T15:56:11Z")

</div>

Thanks @Robert_Petitto, that works if your image has a transparent background, but not for my situation where i want a larger photo to bleed to the edges. Each is good for a different need. Hoping the image bleed thing gets fixed with the upcoming evolution of Pages.

I do love the separator trick 😍
