Почему изображения пропорционально не уменьшаются вместе с уменьшением экрана, например после уменьшения разрешения ширины 622px?

Question

[Юра Сторчака]

https://codepen.io/yrchik/pen/abbzOOY
Привет, почему изображения пропорционально не уменьшаются вместе с уменьшением экрана, например после уменьшения разрешения ширины 622px, правая и левая стороны заходят на картинку .
Поставил
.video-center {
width: 100%;
height: auto;
}
и поставил
html {
overflow-x: hidden;
}
Что я делаю не так ?

Comments

[Ankhena]

Для картинок max-width: 100% и убрать фикс ширину у .video-reviews-wrapper

Answer 1

[Икотий Айтишевич]

Для того, чтобы изменялось взавиcимости от разрешения экрана - надо задать свойству width или height

• vh - эквивалентно 1% высоты окна браузера.
  
• vw - эквивалентно 1% ширины окна браузера.
  

Comments

[Юра Сторчака]

img задать ширину и высоту , а его контейнеру задать
width: 100%;
height: auto;
?

[Икотий Айтишевич]

width: 100vw; или height: 100vh;