Kosten, в данном виде материалов смотреться не будет, поскольку там не нужно этой кнопке вовсе. В предыдущем виде материалов, что разбирали - подрезка описания была по высоте блока, что описание шло, но визуально скрывалось, делалась кнопка читать далее... в этом - просто клик на заглавие, чтобы читать не далее, а действительно полный материал... как и посредством клика на постер в материала - ведет в материал, а не увеличивается картинка.
Сама суть записи стилей, что однозначно новичкам понято чтобы было, вот:
Min-Width - минимальная ширина устройства, при которой стиль будет срабатывать (от указанной ширины и выше);
Max-Width - соответственно максимальная ширина, до порога которой стиль действует.
Комбинация min и max в одной записи применяется лишь для устройств определенной (фиксированной) ширины, как в первом посте темы примеры привели.
Если уж делать там кнопку, то сначала ее в исходный код материала прописать, стиль display:none задать, а после медийный стиль навесить через max-width и сообщить кнопке display:block / table и т.п. (и !important, если сам стиль none не в общих стилях, а прям инлайн-стилем в коде вида материалов у кнопки - это уже нюансы).
-SAM-, этот вид как пример. Просто есть вид материала по дизайн, что нет у него кнопки и заходят через название или изображение, но вот с мобильных лучше через кнопку, и чтоб она автоматически появлялась на гаджетах, мобильных аппаратах, а на широком экране, все по умолчанию.
