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

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

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

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

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

```