У меня есть календарь. Я пытаюсь добиться, чтобы элементы располагались один под другим на экранах мобильных устройств и планшетов. Прямо сейчас расположены рядом друг с другом на мобильных экранах, я хочу избежать прокрутки. Вот чего я хочу добиться. Это план Вот тестовая сеть на этом ссылка
Кто-нибудь может мне с этим помочь?
Добро пожаловать в Stack Overflow! Вопросы, требующие помощи по коду, должны включать кратчайший код, необходимый для его воспроизведения в самом вопросе, предпочтительно в Фрагмент стека. Хотя вы предоставили ссылку, если она станет недействительной, ваш вопрос не будет иметь никакого значения для других будущих пользователей SO с той же проблемой. См. Что-то на моем веб-сайте / демонстрации не работает, могу я просто вставить ссылку.
Достаточно будет поменять flex-direction
события ul
.
@media (max-width: 767px) {
.cd-schedule .events .events-group > ul {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
Конечно, вы можете использовать стиль с полями / отступами, чтобы между ними были пробелы, и изменить медиа-запрос, чтобы он отражал то, что вам нужно.
Включите код, чтобы можно было правильно диагностировать проблему. Вот руководство по эффективной постановке вопроса минимальный воспроизводимый пример