Это то, что я недавно встретил. Исходная ситуация на шрифтах, которые я использовал по какой-то причине, не выстраивалась в линию, поэтому я выровнялся по низу и увеличивал высоту линии вместо добавления отступов.
Вот как я решил свою проблему, если у вас есть ссылка на ручку кода, я могу проверить, будет ли она работать для вас, или если другое решение будет лучше.
p {
vertical-align: text-bottom;
line-height: 1.5;
}
/*Cards*/
.card{width: 100%; margin-bottom: 30px; box-shadow: 0 0 5px; padding: 15px; background-color: white;}
.card video{width:100%;}
.card-title{font-weight: bold;}
@media only screen and (max-width : 3840px) {
.card video {height: 150px;}
}
@media only screen and (max-width : 990px) {
.card video {height: auto;}
}
, чтобы исправить проблему, в которую я должен был помещать медиа-запросы, и установить высоту, а затем установить ее автоматически, как только она дойдет до определенного размера экрана