Адаптивное меню с кнопкой бургер используя HTML, CSS & JS || Responsive NavBar With Burger Button JS
HTML-код
- Опубликовано: 14 апр 2023
- В этом видео вы узнаете, как сделать адаптивное меню с кнопкой бургер используя HTML, CSS & JavaScript.
🔗 Исходный код(Source code): / 82266287
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
💵 Поддержать канал (support channel): / codingwithtopchiy
👍 Subscribe: / @codingwithtopchiy
😀Спасибо за просмотр!😀
Кажется это то, о чём я спрашивал.....!
Здорово!
Всем успехов в обучении!
Мира и добра!
Супер урок, изучив Ваши уроки , я намерен создать свой сайт. Просто магия. здесь я внёс одно дополнение .navbar{ padding: 2rem 10% 2rem } снизу добавил расстояние
Пожалуйста!)
Уверен у вас все получится 👍
Успехов! 🙂
ого новый видео ) спс от души =)
Пожалуйста)
Дякую вам Дмитре ! Я тільки навчаюсь , тому можливо думаю не вірно , але якщо бургер буде в навігації , то йому не потрібен буде окремий флекс , він вже беде на своєму місці як Ви вважаєте ?
Всі елементи, які знаходяться в блоці навігації, наприклад, .navbar(для navbar вказуємо display: flex;) - вони являються flex елементами і їх можна розміщувати з допомогою властивостей justify-content та align-items по горизонталі.
Скажите пожалуйста
У меня есть два ряда элементов
-
Элементы нижнего ряда мне нужно расположить Строго по центру каждого верхнего
(Под, каждым верхним)......
-
У вас есть видео в котором говорится Как это сделать?......
Если нет - подскажите пожалуйста какую тему надо изучить чтобы я мог выполнить такое действие.
То, что знаю - всё попробовал - ничего не выходит.
Приветствую!
Возможно это видео поможет разобраться: ruclips.net/video/Et6QLwL_dEk/видео.html
@@codingwithtopchiy ,
А можете ещё уточнить? -
у меня два ряда с текстовыми блоками -
их высота небольшая - но они Прижаты к верху и низу контейнера, а между ними Большой Промежуток - так вот есть ли свойство чтобы их Сблизить (верхний и нижний ряды друг к другу, от верхнего и нижнего края) ?
Попробовал поиграть с их высотой, высотой контейнера, паддингом - не то.
Если использовали flex то можете попробовать применить свойство gap это разрыв между блоками, gap-row - это отступы между рядами (горизонтально), column-gap - отступы между колонками (вертикально).