Задать вопрос
@Danny13

Как сохранить высоту колонки в kanban на всех экранах?

Вот так выглядит kanban на одном экране:
5ef1f437c986c584910759.png

А вот так на другом, как видно длина колонки уже срезана:
5ef1f43eefa4f150111137.png

Это CSS самой колонки:

.kanban-task-column {
      color: var(--maintextcolor) !important;
      min-height: 70vh;
      max-height: 70vh;
      overflow: auto
    }

Это CSS контейнера в котором находятся колонки.

.row {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

А это CSS контейнера, в котором находится "row" с колонками:
.kanban_board {
    display: block;
    }

Вся структура выглядит так:

    <div class="kanban_board">
      <div class="row">
         <div class="kanban-task-column">
            <div class="card"></div>
            <div class="card"></div>
            <div class="card"></div>
         </div>
      </div>
    </div>
  • Вопрос задан
  • 35 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы