Как выстроить меню в адаптиве в колонку при помощи флекс-боксов?
при нажатии на бургер вылезает меню и я хочу,чтобы оно располагалось посередине экрана в колонку. Пробовал задать display: flex и flex-direction: column родителю, но не выходит.введите сюда код https://jsfiddle.net/s8bv9Le6/
Ответы (2 шт):
Автор решения: Кузьма
→ Ссылка
Зачем флексы. Сделайте проще. Родителю задайте margin: 0 auto; и выравнивание текста по центру.
Автор решения: Рустам Демонов
→ Ссылка
Не срабатывает display: flex потому-что ты навешиваешь тегу ul через скрипт display: block; в атрибуте style. Задай всем своим li внутри ul display: inline-block;
nav ul li {
display: inline-block;
text-transform: uppercase;
font-size: 1.4rem;
margin-left: 3rem;
}