# Web app in full width?

**URL:** <https://community.glideapps.com/t/web-app-in-full-width/62865>\
**Category:** Ask for Help\
**Created:** [June 17, 2023, 10:17am UTC](https://community.glideapps.com/t/web-app-in-full-width/62865 "2023-06-17T10:17:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yannis\_Efstathiou](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yannis_efstathiou/32/60529_2.png) [@Yannis\_Efstathiou](https://community.glideapps.com/u/Yannis_Efstathiou)\
**Post date:** [June 17, 2023, 10:17am UTC](https://community.glideapps.com/t/web-app-in-full-width/62865/1 "2023-06-17T10:17:48Z")

</div>

Hi there I wanted to ask if there is a way to make use of an app in full width, like a 100% width website? It would be really usefull to make use of this extra space on left and right.  
thanks in advance.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 17, 2023, 10:35pm UTC](https://community.glideapps.com/t/web-app-in-full-width/62865/2 "2023-06-17T22:35:42Z")

</div>

You might be able to do it with CSS on a Business/Enterprise plan.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/3/23b09c2f64fdd1da04beb1ccd1219f234518481f.jpeg)

I still think there needs to be some left and right padding here, but it’s basically what you want.

```auto
#main-root div[class*="justify-center"] {
--container-x-pad: 10px;
max-width: 95vw;
}

```

---

<div class="post-metadata">

**Author:** ![Yannis\_Efstathiou](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yannis_efstathiou/32/60529_2.png) [@Yannis\_Efstathiou](https://community.glideapps.com/u/Yannis_Efstathiou)\
**Post date:** [June 20, 2023, 7:07pm UTC](https://community.glideapps.com/t/web-app-in-full-width/62865/3 "2023-06-20T19:07:58Z")

</div>

Thank you ! I tried It and works know I need to do some research on CSS,  
Best!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 20, 2023, 11:03pm UTC](https://community.glideapps.com/t/web-app-in-full-width/62865/4 "2023-06-20T23:03:18Z")

</div>

Glad that helped!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [June 21, 2023, 11:03pm UTC](https://community.glideapps.com/t/web-app-in-full-width/62865/5 "2023-06-21T23:03:50Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 22, 2023, 11:38pm UTC](https://community.glideapps.com/t/web-app-in-full-width/62865/6 "2023-06-22T23:38:23Z")

</div>

```auto
div[class*="full normal container"] {
max-width: 2000px;
}

```

Please try to add this for components inside a container. Let me know if it works.

The max-width being 2000 here is just an arbitrary number. Try to increase if it doesn’t fully work for you.