Как сделать что бы в меню были вертикальные полосы на всю высоту?

Question

[FavnAristotel]

Как сделать что бы в меню были вертикальные полосы на всю высоту в виде бордера у лого, не указывая верхний и нижний padding .Потому что хочется что бы если будет много пунктов в меню что бы высота меню изменилась и бордеры растянулись на всю высоту а лого и меню были по центру .

Comments

[alexalexes]

Поместите лого в контейнер. Ему задайте необходимые высоты и бордер.

[Ankhena]

1. Задавайте бордеры не логотипу, а хедеру и меню
2. Используйте псевдо, впишите в тот же грид/флекс (абсолютить не нужно)
3. Не используйте паддинги, если нельзя, замените на центрирование
И ещё пачка аналогичных вариантов

[Ankhena]

FavnAristotel, если вам нужен псевдик на высоту шапки, то на кой черт вы собираетесь его делать от меню?

[FavnAristotel]

Ankhena, там много бордеров от чего я должен делать их

[Ankhena]

FavnAristotel, люблю огрызки от вопросов. Они дают столько развлечений: вытянуть из спрашивающего одну часть, потом другую, потом догадаться, что истинный вопрос вообще в другом. А он тебе в ответ "нет, не подходит, старайся дальше, неумёха".

Что мешает сразу задать вопрос со всеми критическими нюансами?

там много бордеров

Где там? Сколько много?
"Там" на скрине я вижу два.

Answer 1

[FavnAristotel]

Нашел способ.
Для header прописываем align-items:strench
а для конетейнера лого меню и тд пишем display flex align-items :center

Comments

[Ankhena]

align-items:strench

Это поведение по умолчанию, его можно не писать. Да и не искать, если предварительно не сломать.

Answer 2

[Антон Антон]

телепат советует изучить flex https://play.tailwindcss.com/BleHoqcDHr