@unlik

Как задать минимальный отступ между пунктами?

Имеется меню в верстке codepen.io/aliencash/pen/VLaVee

При уменьшении окна пункты меню наезжают друг на друга. Как задать минимальное расстояние между пунктами меню?
  • Вопрос задан
  • 921 просмотр
Пригласить эксперта
Ответы на вопрос 4
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
.menu a {
  display: block;
  padding: 0 10px;
}
Ответ написан
aliencash
@aliencash
Партизан
Не надо min-width делать, теряется резиновость. Вот так сделайте:
.menu li {
  text-align: center;
  background: #c5f;
  width: 24%;
  margin-right: 1.33333333%;
}
.menu li:last-child {
  margin: 0;
}

Автор, как вы чему-то научитесь если сами думать не будете?
Ответ написан
@GreatRash
Нафига у вас там calc? Делать двухколоночный макет при помощи инлайн-блоков... такого изврата я ещё не видел! У вас в вёрстке творится ад! Половина элементов вообще не нужны. Зачем вы комментируете переносы строк?
Ответ написан
Ваш ответ на вопрос

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

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