Как убрать отступ?

Question

[ValeraValera]

Где причина этих отступов ? Перепробовал все что только можно.

ссылка на проект : beli.hol.es/calimera

Answer 1

[Златослав Десятников]

.tour-card__footer__time,
.tour-card__footer__next {
      height: 46px;
}

Answer 2

[Вячеслав]

А что за браузер? А что за масштаб стоит в браузере?
В общем-то это частая ситуация при масштабировании в браузере, когда верстаете на какой-нибудь дефолтной сетке

Comments

[ValeraValera]

Chrome 100% , сетка Bootsrap

Answer 3

[sergey]

если я правильно понял о чем вы спрашиваете, то вот так:

.tour-card__footer__time {
    /* line-height: 46px; */ убрать
    font-family: 'Muller Light';
    font-size: 15px;
    padding: 15px 15px 16px 15px; // добавить
    color: #3c3c3c;
    background-color: #ffde00;
}
.tour-card__footer__next {
    /* line-height: 46px; */ убрать
    font-weight: 400;
    padding: 15px 15px 17px 15px; // добавить
    background-color: #008aff;
}

вообще выравнивание по высоте line-height это не очень

Comments

[ValeraValera]

не работает

[sergey]

Валерий Виткус: что не работает? я открыл в хроме и все отлично работает

[ValeraValera]

вообще выравнивание по высоте line-height это дурной тон - вот это почему ? А если завтра заказчик захочет в одном блоке сделать шрифт 22px а во втором 16px , то сидеть подбирать padding ?

[sergey]

Валерий Виткус: потому что line-height не кросс-браузерно, откроете свой сайт на разных браузерах и увидите его поведение

[sergey]

Валерий Виткус: а если хотите менять шрифт, то задавайте уже тогда высоту, которая ограничит блок

[ValeraValera]

SM: https://habrahabr.ru/company/netcracker/blog/277433/

[sergey]

Валерий Виткус: давно это читал, я вам могу привести также несколько источников, где говориться об обратном, но не суть

[Дмитрий Клусевич]

Выравнивание по высоте line-height, это не дурной тон, а хак, не нужно путать. Без может помочь flexbox)