# Is it possible to stretch the kanban component with css so that it covers the entire screen?

**URL:** <https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846>\
**Category:** Ask for Help\
**Created:** [November 12, 2024, 1:18pm UTC](https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846 "2024-11-12T13:18:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\
**Post date:** [November 12, 2024, 1:18pm UTC](https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846/1 "2024-11-12T13:18:40Z")

</div>

There have been similar decisions before, but what is the situation in 2024?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [November 12, 2024, 3:12pm UTC](https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846/2 "2024-11-12T15:12:41Z")

</div>

I don’t remember who shared this originally. Possibly @Eric_Penn or @ThinhDinh, but this CSS has been working well for me. It affects more than just the kanban, but so far it works great.

```auto
div[class*="section-container"] >div {
max-width: 100vw;
}

div[class*="container-padding-md"] {
max-width: 100vw;
}

```

---

<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:** [November 12, 2024, 3:36pm UTC](https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846/3 "2024-11-12T15:36:05Z")

</div>

Hat tips to @ThinhDinh. He also has a nice solution for the custom collection

```auto

div[class*="single-column justify-center"],
div[class*="renderer___StyledDiv6"]{
max-width: 100vw;
}

```

---

<div class="post-metadata">

**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\
**Post date:** [November 12, 2024, 3:42pm UTC](https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846/4 "2024-11-12T15:42:24Z")

</div>

> [@Eric\_Penn](#):
>
> ```auto
> div[class*="single-column justify-center"],
> div[class*="renderer___StyledDiv6"]{
> max-width: 100vw;
> }
> 
> ```

It works  
Thanks for the quick response!

---

<div class="post-metadata">

**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\
**Post date:** [November 12, 2024, 3:44pm UTC](https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846/5 "2024-11-12T15:44:30Z")

</div>

Why stretching became broken when i add this css after above  
/_Container Form_/  
#page-root:has(.prevent-submit) [aria-label=“Отправить”] {  
pointer-events: none;  
opacity: 0.4;  
}

/_Edit Form_/  
#overlay-root:has(.prevent-submit) [aria-label=“Отправить”] {  
pointer-events: none;  
opacity: 0.4;  
}

---

<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:** [November 19, 2024, 3:45pm UTC](https://community.glideapps.com/t/is-it-possible-to-stretch-the-kanban-component-with-css-so-that-it-covers-the-entire-screen/77846/6 "2024-11-19T15:45:15Z")

</div>

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