<section id="description">
<p>Самый простой способ сделать ваши изображения «сетчаткой» (и оптимизировать их для дисплеев retina) - это определить их значения <code>width</code> и <code>height</code> как только половину исходного файла. Вот пример изображения, использующего только половину исходной высоты и ширины: <pre class="language-js"><code>&#x3C;style>
  img {
    height: 250px; 
    width: 250px; 
  } 
&#x3C;/style>
&#x3C;img src="coolPic500x500.jpg" alt = "Самая прекрасная картина" /> </code></pre></p>
</section>

Use a Retina Image for Higher Resolution Displays

responsive-web-design

Responsive Web Design Principles

Где косяк, который не принимает тренажёр? Проверяя не консоле в VSCode, вывод верный по заданию.

Обсуждение задания "Use a Retina Image for Higher Resolution Displays"