Как сделать элементы один под другим на экране мобильного телефона

Question

У меня есть календарь. Я пытаюсь добиться того, чтобы элементы находились один под другим на экранах мобильных устройств и планшетах.Прямо сейчас на мобильных экранах расположены рядом друг с другом, я хочу избежать прокрутки.Вот чего я хочу добиться. Это план Вот тестовая сеть по этой ссылке

Может кто-нибудь помочь мне с этим?

Answer 1

Этого будет достаточно, чтобы изменить flex-direction события ul.

@media (max-width: 767px) {
  .cd-schedule .events .events-group > ul {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

Конечно, тогда вы можете создать стиль с полями / отступами, чтобы между ними было несколько пробелов, и изменить медиа-запрос.чтобы отразить то, что вам нужно.