# Need Help: Anything we can do with CSS so that 5 columns will fit in Kanban without having to scroll?

**URL:** <https://community.glideapps.com/t/need-help-anything-we-can-do-with-css-so-that-5-columns-will-fit-in-kanban-without-having-to-scroll/78747>\
**Category:** Ask for Help\
**Created:** [December 23, 2024, 7:52am UTC](https://community.glideapps.com/t/need-help-anything-we-can-do-with-css-so-that-5-columns-will-fit-in-kanban-without-having-to-scroll/78747 "2024-12-23T07:52:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dilip\_Adiga](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dilip_adiga/32/60330_2.png) [@Dilip\_Adiga](https://community.glideapps.com/u/Dilip_Adiga)\
**Post date:** [December 23, 2024, 7:52am UTC](https://community.glideapps.com/t/need-help-anything-we-can-do-with-css-so-that-5-columns-will-fit-in-kanban-without-having-to-scroll/78747/1 "2024-12-23T07:52:49Z")

</div>

Hi Guys,

I am using kanban to display my tasks, My system has 5 states. While kanban only fits 4 states in screen without being able to scroll.

Is it possible to either bring the Scroll to the top instead of bottom or fit 5 states?

I tried using chat got solution for moving the scroll to the top using this

```auto
.kanban-board {
    display: flex;
    flex-direction: column-reverse; /* Moves the scroll bar to the top */
}

```

Nothing really moved to the top

Applying this below CSS

```auto
.kanban-column {
    min-width: 15%; /* Adjust the width as needed */
    max-width: 15%; /* Ensure all columns are the same size */
}

```

Shrinks the whole view.

Thank you in advance for your help.

Regards,  
Dilip

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [December 23, 2024, 12:17pm UTC](https://community.glideapps.com/t/need-help-anything-we-can-do-with-css-so-that-5-columns-will-fit-in-kanban-without-having-to-scroll/78747/2 "2024-12-23T12:17:20Z")

</div>

You can use the CSS property `transform: scaleY(-1)` twice. On the parent div and on the child div that is overflowing.

Or you can also use rotateX:

> <https://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table/63507769#63507769>