@Norum

Как выставить черточки во всю высоту блока?

Как в .icons выставить разделительные черточки во всю высоту хэдера? Они у меня немного не достают до низа
https://jsfiddle.net/Norum87/et5bpnmj/
5f94c0f7d619d418340699.jpeg
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 2
GrinMorg
@GrinMorg
Сначала доступно, потом красиво.
Ну как вариант это поменять padding.
У вас в коде это так:
@media screen and (max-width: 1200px){
.icons img {
    width: 20px;
    padding: 20px 5px;
}
}

*нужно конечно еще поиграться со значениями, но думаю мысля понятна

Результат:
5f95468d4c777546152512.png
Ответ написан
Webram
@Webram
Я есть
Блок-ссылка (.images a) растягивается по содержимому, тут же у содержимого высота меньше чем у .header, соответственно и border у ссылки определяется по содержимому.

Решение: задать фиксированную высоту для .icons img и отступами отрегулировать высоту ссылок.

.icons a {
    padding...
}
.icons img {
    height...
}
Ответ написан
Ваш ответ на вопрос

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

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