<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
<h2>Адаптивне зображення</h2>
<p>"max-width:100%" чинить опір тому, щоб зображення стало більше, ніж його оригінальний розмір. Однак, якщо ви зробите вікно браузера менше, зображення все одно буде зменшуватись.</p>
<p>Змініть розмір вікна браузера, щоб побачити ефект.</p>
<img src="../images/img_girl.jpg" alt="Дівчина - програмістка" style="max-width:100%;height:auto;">
</body>
</html>