# Full width Desktop - Containers **URL:** \ **Category:** Ask for Help\ **Created:** [November 28, 2023, 12:30pm UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194 "2023-11-28T12:30:47Z")\ **Posts on this page:** 10\ **Page:** 2
**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 4, 2024, 12:26am UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/21 "2024-06-04T00:26:30Z")
![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/8/d80754c957d5be96305c4b65c7cdbe47362f84ae.png) ```auto div[class*="section-container"] >div { max-width: 95vw; } div[class*="container-padding-md"] { max-width: 90vw; } div[id*="nav-root"] div[class*="section-container single-column"] { max-width: 95vw; } ``` ---
**Author:** ![Jarvis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jarvis/32/81377_2.png) [@Jarvis](https://community.glideapps.com/u/Jarvis)\ **Post date:** [June 5, 2024, 9:29pm UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/22 "2024-06-05T21:29:14Z")
Damn, you are awesome. Makes me wish I knew how to code. ---
**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 5, 2024, 11:30pm UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/23 "2024-06-05T23:30:14Z")
That’s a big compliment! Feel free to let me know if you need any further help. ---
**Author:** ![l3oy8231](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/l3oy8231/32/32303_2.png) [@l3oy8231](https://community.glideapps.com/u/l3oy8231)\ **Post date:** [June 21, 2024, 3:15am UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/24 "2024-06-21T03:15:27Z")
![Untitled78987987](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/6/76ce560eefcbb98c5420f45d65ae2b2a8d25ef3e.png) Is there a way to adjust the CSS for the Big Number component to make it expand to the full screen? 🙏 🙏 ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [June 21, 2024, 11:15am UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/25 "2024-06-21T11:15:27Z")
Can you show me what components you are using? Do you use containers, custom collections or are your components the result of sorting, because I see the Big Number component is full width by default.? ---
**Author:** ![Tim\_Gestels](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tim_gestels/32/44044_2.png) [@Tim\_Gestels](https://community.glideapps.com/u/Tim_Gestels)\ **Post date:** [October 16, 2024, 1:41pm UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/26 "2024-10-16T13:41:29Z")
**Is there a way you can do this for only specific containers?** The below code works for my but then it stretches everything. Sometimes this looks a bit weird. **I would like to have this apply only for containers which I gave a specific css class.** But I don’t seem to get it to work with the help of ChatGPT alone :-/ Many thanks for your advice! ```auto --- code from this topic that works for everything #main-root div[class*="justify-center"] { --container-x-pad: 25px; max-width: 95vw; } div[class*="full normal container"] { max-width: 3000px; } ``` ---
**Author:** ![Danny\_Nielsen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/danny_nielsen/32/61765_2.png) [@Danny\_Nielsen](https://community.glideapps.com/u/Danny_Nielsen)\ **Post date:** [October 16, 2024, 5:51pm UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/27 "2024-10-16T17:51:51Z")
> #page-root .the-wide-container .normal { > max-width: 95vw; > } Css-class for container is “the-wide-container” Turn off compiled-css ---
**Author:** ![Tim\_Gestels](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tim_gestels/32/44044_2.png) [@Tim\_Gestels](https://community.glideapps.com/u/Tim_Gestels)\ **Post date:** [October 24, 2024, 10:15am UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/28 "2024-10-24T10:15:31Z")
Thanks Danny !!! works like a charm! ---
**Author:** ![Danny\_Nielsen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/danny_nielsen/32/61765_2.png) [@Danny\_Nielsen](https://community.glideapps.com/u/Danny_Nielsen)\ **Post date:** [May 23, 2025, 2:02pm UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/29 "2025-05-23T14:02:38Z")
Just wanted to share. I had some problems with Big Numbers. When i had 4 or more items in a Big numbers component, they alligned left with a fixed width of ~240px; when using: ```auto #page-root div[class*="justify-center"] { --container-x-pad: 28px; max-width: 100vw; } ``` I fixed the issue with: ```auto .bigwidth div[data-testid*="big-numbers-card"] { flex: 1; } ``` Set the CSS class of the Big Numbers component to “bigwidth”. #Big numbers CSS #Big numbers width ---
**Author:** ![Danny\_Nielsen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/danny_nielsen/32/61765_2.png) [@Danny\_Nielsen](https://community.glideapps.com/u/Danny_Nielsen)\ **Post date:** [July 22, 2025, 9:44am UTC](https://community.glideapps.com/t/full-width-desktop-containers/68194/30 "2025-07-22T09:44:48Z")
Edit: ```auto .bigwidth div { display: flex; width: 100%; } ``` [Previous page](https://community.glideapps.com/t/full-width-desktop-containers/68194.md?page=1)