Как сделать так чтобы блок div не расширялся при добавлении элемента?
Всем привет! Пишу свой первый сайт и столкнулся с не большой проблемой. Я сделал меню на Grid и хочу сбоку от него добавить навикон (меню гамбургер), когда добавляю, блок div расширяется хотя все размеры выставлены.
Подскажите что я делаю не так!
Начать, наверное, имеет смысл с разметки.
Меню это тег nav и в нем ul и т.д.
А у вас одинокий li вставлен в div. Так нельзя.
img - это контентные изображения. А у вас иконки, их делают стилями. Но хорошо бы сделать текст для доступности.
Получится:
Не вижу ничего про ширину в коде. Это раз.
И два: не вижу по скринам, чтобы блок расширялся.
На этом сервисе запрещено вставлять код скринами. Используйте для него теги <code></code> и/или песочницы типа codepen.io
Лучше и то и другое, а длинные простыни с кодом убирать в спойлеры.
Двигать бургер с помощью relative мало удобно. Ведь место под него останется зарезервированным в том месте, где элемент был до сдвига.
Используйте либо абсолют либо флексы с гридами.
Ankhena, я понимаю у меня так же они отображаются. Как по мне, видно что скрин с тремя палочками больше другого.
В любом случае спасибо за такую быструю реакцию и за советы!
Простой
