Адаптивное горизонтальное меню?

Question

[Dim2017]

Помогите пожалуйста сделать горизонтальное меню АДАПТИВНЫМ.
И если можно, чтобы каждый пункт имел одинаковую ширину.
Я в этом ничего не понимаю :(

Answer 1

[Александр Талалаев]

Открывай смотри.
Для этого удобно использовать Flex, при этом используя media query можно менять направление на колонку, вместо строки.
Ну а дальше дело техники. Добавляй вспомогательные элементы, которые видны только на маленьком экране, а на большом не видно. Это может быть как раз символ меню(ну допустим тот же "бургер"), далее с помощью js можно сделать по клику добавлять "показать"/ "скрыть" для нового уже вертикального меню (на самом деле можно и чисто на css, чуть больше мороки и ограничений)

Comments

[Dim2017]

БОЛЬШОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО!!!!!!!

[Dim2017]

Александр скажите - а можно отступы между пунктами сделать?

[Dim2017]

Все вроде понял - margin: 2px; :-)

[Arris]

А можно то же самое, но без SCSS ? :)

Answer 2

[yadscreech]

Если ты в этом ничего не понимаешь, то посмотри лучше видео на ютубе, потому что тебе тут дадут готовое решение, и никто ничего обьяснять не будет, чтобы адаптивно размещать тебе нужно выучить Grid и Flex, вот одно из решений https://codepen.io/screech/pen/wQPYqo А если нужно адаптив ещё и под мобильные версии, посмотри/почитай media запросы css.