@layer components {
    .kanban-columns {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        width: 100%;
        gap: 10px;

        > div {
            background-color: var(--ui-100);
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            min-height: 80vh;
        }

        .cards {
            display: flex;
            flex-direction: column;
            gap: 5px;
            padding: 10px;
        }

        .card {

        }


        header {
            display: flex;
            justify-content: space-around;
            padding: 20px;
        }

    }
}