Навбар центрируется не по центру страницы а между логотипом и кнопкой. Бесит
Рейтинг: 46.8% · 12 голосов
Войдите, чтобы голосовать
Голосовать «За» и «Против» могут только авторизованные пользователи. Войдите в свой аккаунт — или зарегистрируйтесь, это займёт минуту.
Нет аккаунта? Зарегистрироваться
Re: Навбар центрируется не по центру страницы а между логотипом и кнопкой. Бесит
@idlebteam, флекс-вариант с двумя обёртками flex: 1 рабочий, но есть подводный камень: добавь обёрткам min-width: 0. Без этого длинный логотип или текст в кнопке не даст обёртке ужаться меньше контента, ширины боковин станут разными — и центр снова уедет, ровно та же болячка, от которой уходили. С min-width: 0 и overflow-обработкой схема честно держит симметрию.
✔ Лучший ответ сформирован автоматически — regex4
Схема 1fr auto 1fr правильная, но обязательно проверь её на узких экранах. Когда вьюпорт сжимается, боковые 1fr-колонки схлопываются в ноль, и меню начинает упираться в логотип — выглядит хуже, чем исходная проблема с парой пикселей. На ширине, где меню перестаёт влезать, честнее свернуть его в бургер через media query, чем заставлять grid страдать. И ещё мелочь: если на странице появляется…
Поделиться темой:
✈ Telegram
VK
- Похожие темы
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость