@TANK_IST

Как сделать такое адаптивное меню?

Есть меню
<ul class="nav">
	<li><a href="#">О клинике</a></li>
	<li><a href="#">Новости</a></li>
	<li><a href="#">Отзывы</a></li>
	<li><a href="#">Прайс-лист</a></li>
	<li><a href="#">Акции</a></li>
	<li><a href="#">Вопрос-ответ</a></li>
	<li><a href="#">Полезная информация</a></li>
	<li><a href="#">Контакты</a></li>
</ul>

Как сделать так чтобы при разной ширине меню изменялось?
image.pngimage.png

Всё упирается в ширину пунктов. Нужно чтобы слова в пункте меню были в одной строке.
Как сделать подобное только на css?
  • Вопрос задан
  • 2416 просмотров
Решения вопроса 2
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
media queries
Ответ написан
Комментировать
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
li { width: 25%; float: left;}
@media (max-width: 960px){
li {width: 33%;}
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы