А вместо 40px написать 14px - не судьба?
Разница в покрытии блока. Контейн оставляет зазоры, а кавер обрезает края изображения. А искажений нет ни там, ни там.
width: calc(100vw - 40px)height: calc(35.24vw - 40px)
так некорректно работает. растягивается за края, значит пропорции изначальные не держит.я полагаю что тупо от высоты те же 40пх отнять - это не будет пропорциональное уменьшение.в целом, в этой ситуации без разницы ковер или контейн, если мы преследуем отсутствие искажений при сжатии.ps я уж извиняюсь за такую дотошность
Просто задайте ширину блока 100vW, а высоту 35.2vW.
В нескольких местах:
- скобка после calc пишется сразу, без пробела- десятичные знаки отделяются точкой, а не запятой- делят и умножают на числа, а не на проценты.
Тему в какой-то степени можно считать одним большим плагином.
