I created a new CSS, can show more cells horizontally

[bingling00]

QQ.20230427084123.mp4

I'm not sure how to describe it, but I created it for myself. I hope you like it, But note that it breaks the original CSS of Kanban.（我不是很清楚该怎么描述，只是我自己需要所以创建的。希望大家喜欢，但需要注意，这会破坏Kanban原有的CSS）

My CSS sucks, welcome to improve it

/*列项横排*/
.kanban-plugin__lane-items {
    flex-direction: row !important;
    flex-wrap: wrap !important;


}

/*第二列之后宽度100%*/
.kanban-plugin__lane-wrapper {
    width: calc(100% - 240px) !important;
}

/*第一列窄一些*/
.kanban-plugin__lane-wrapper:nth-child(1) {
    width: 220px !important;

}


/*每一块的宽度，和最小高度*/
.kanban-plugin__item-title {
    width: 180px !important;
    min-height: 200px !important;
}
/*图片倒角*/
.kanban-plugin__item-title img {
    height: 165px !important;
    border-radius: 10px !important;
    max-width: 180px !important;
    overflow: hidden !important;
}

/*每列横排*/
.kanban-plugin__board>div {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    overflow: scroll !important;
    justify-content: flex-end !important;
    align-content: flex-start !important;
}

/*列头部颜色*/
.kanban-plugin__lane-header-wrapper {
    background-color: #abcb6824 ;
}

/*列底部空隙*/
.kanban-plugin__lane {
    margin-bottom: 10px ;
}

/*隐藏最后无用的那个*/
.kanban-plugin__placeholder[data-axis=horizontal] {
    display: none ;
}

/*链接只显示单行*/
div.kanban-plugin__item-title a {

    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*居中显示*/
div.kanban-plugin__item-title p{
    text-align: center;
}
.kanban-plugin__lane-wrapper:nth-child(1) p{
    text-align: left;
}