# Page Width

**URL:** <https://community.glideapps.com/t/page-width/73422>\
**Category:** Ask for Help\
**Created:** [May 15, 2024, 11:14pm UTC](https://community.glideapps.com/t/page-width/73422 "2024-05-15T23:14:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![RockRon](https://avatars.discourse-cdn.com/v4/letter/r/9dc877/32.png) [@RockRon](https://community.glideapps.com/u/RockRon)\
**Post date:** [May 15, 2024, 11:14pm UTC](https://community.glideapps.com/t/page-width/73422/1 "2024-05-15T23:14:23Z")

</div>

How do I get the page and datagrid to 100% of the page width.

---

<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:** [May 15, 2024, 11:51pm UTC](https://community.glideapps.com/t/page-width/73422/2 "2024-05-15T23:51:30Z")

</div>

We had a discussion about width with CSS here.

> [@Full width Desktop - Containers](https://community.glideapps.com/t/full-width-desktop-containers/68194/14):
>
> div[class\*="section-container"] \>div { max-width: 95vw; } div[class\*="container-padding-md"] { max-width: 90vw; }

---

<div class="post-metadata">

**Author:** ![RockRon](https://avatars.discourse-cdn.com/v4/letter/r/9dc877/32.png) [@RockRon](https://community.glideapps.com/u/RockRon)\
**Post date:** [May 16, 2024, 2:50pm UTC](https://community.glideapps.com/t/page-width/73422/3 "2024-05-16T14:50:36Z")

</div>

Thank you very much.