Размер картинок в полной и короткой новости

[samo733792 19]

Доброго времени суток, у меня сайт под тематику смартфонов, недавно начал верстать (я ноль в этом деле) один шаблон для мобильной версии сайта. Все сделал как нужно, все работает нормально как мне нужно, но картинки в полной и короткой новости отображаются больше чем экран. Пытался вытащить все из стандартного шаблона smartphone но там я не нашел стиль который отвечает за это.

Может кто нибудь посоветовать как можно сделать так чтобы картинки били чуть меньше чем экран смартфона, подскажите код в CSS.

[WWW.ZEOS.IN 1 161]

Можете трансформировать картинки средствами CSS, но это плохое решение для мобильного устройства, так как все равно будет загружаться большая картинка.

Например: article img { width: 50%; } - картинка на всех разрешениях экрана будет занимать 50% своего родителя (контейнера)

[samo733792 19]

Можете трансформировать картинки средствами CSS, но это плохое решение для мобильного устройства, так как все равно будет загружаться большая картинка.

Например: article img { width: 50%; } - картинка на всех разрешениях экрана будет занимать 50% своего родителя (контейнера)

Спасибо вам большое, вы мне очень помогли, я просто в файле css написал

img {

    max-width: 100%;

    height: auto;

}

<img src="path/to/image" data-min-width="25em">

.grid__item {

    overflow-x: auto;

}

Все работает как мне нужно.