# Container Background Image Doesn't Fill Viewport

**URL:** <https://community.glideapps.com/t/container-background-image-doesnt-fill-viewport/60240>\
**Category:** Ask for Help\
**Created:** [April 6, 2023, 8:43pm UTC](https://community.glideapps.com/t/container-background-image-doesnt-fill-viewport/60240 "2023-04-06T20:43:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)\
**Post date:** [April 6, 2023, 8:43pm UTC](https://community.glideapps.com/t/container-background-image-doesnt-fill-viewport/60240/1 "2023-04-06T20:43:37Z")

</div>

Is there any way to force a container’s background image to fill the viewport area without adding a Rich Text component with a min-height attribute to force the sizing? FYI, the background image shown in the screenshots below is sized to 16:9 or 1920x1080 but only fills the top third of the viewport on both mobile and desktop. Thx

**Background Image w/o Any Styling Applied**

 ![Screenshot 2023-04-06 at 4.39.40 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/4/e419cd9ba4f6b43579cec7875848939ee42acd21.jpeg)

**Background Image with Min-Height Applied via Rich Text Component**

 ![Screenshot 2023-04-06 at 4.39.05 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/8/082e652b7ae505a161ff733e0b1871251a2db026.jpeg)

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [April 6, 2023, 9:25pm UTC](https://community.glideapps.com/t/container-background-image-doesnt-fill-viewport/60240/2 "2023-04-06T21:25:34Z")

</div>

Not that I know of. I’ve personally used Large Separators without lines lol