freeCodeCamp/guide/russian/certifications/responsive-web-design/responsive-web-design-principles/make-an-image-responsive/index.md

title	localeTitle
Make an Image Responsive	Сделать изображение отзывчивым

Сделать изображение отзывчивым

Следуя инструкциям:

Добавьте правила стиля для тега img, чтобы он реагировал на размер его контейнера. Он должен отображаться как элемент уровня блока, он должен соответствовать полной ширине его контейнера без растягивания, и он должен сохранять исходное соотношение сторон.

стиль становится:

<style> 
  img { 
  max-width: 100%; 
  display: block; 
  height: auto; 
 } 
 </style>