@rizhenkov для примера можно взять сайт с несколькими колонками. Допустим на мобильной версии статьи выводятся по 1 в строке (картинка, под ней заголово, под ней вводный текст). Тут все ок.
На больших экранах (например 1200рх) карточка должна выглядеть как: картинка слева, а справа заголовок + текст. Прописываем media, выводим по 2 карточки в строке. Тут тоже все ок.
Но потом, к примеру, нужно вывести карточки товаров по 3 в одной строке, а экран уже больше 1200рх, к карточке применяются стили для ПК (слева картинка, справа заголовок+текст) . Контент в карточке опирается на media, а не на ширину родителя.