# Css for Full Width "Custom Collection Container"?

**URL:** <https://community.glideapps.com/t/css-for-full-width-custom-collection-container/75700>\
**Category:** Ask for Help\
**Created:** [August 17, 2024, 10:44pm UTC](https://community.glideapps.com/t/css-for-full-width-custom-collection-container/75700 "2024-08-17T22:44:48Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [August 18, 2024, 1:24pm UTC](https://community.glideapps.com/t/css-for-full-width-custom-collection-container/75700/5 "2024-08-18T13:24:21Z")

</div>

I use this one from ThinhDinh. Maybe it just needs a little adjustment. Using 100vw/ 95vw is much better than 2000px because vw is calculating the ‘viewport width’ in percentages.

```auto
div[class*="section-container"] >div {

max-width: 100vw;

}

div[class*="container-padding-md"] {

max-width: 100vw;

}

div[class*="single-column justify-center"],

div[class*="renderer___StyledDiv6"]{

max-width: 100vw;

}

```

---

_[View the full topic](https://community.glideapps.com/t/css-for-full-width-custom-collection-container/75700)._
