предположим нам нужен крупный шрифт заголовка у секции, но только для крупных экранов:
@media all and (min-width: 1000px) {
#section-1 h1 {
font-size: 77px;
}
}
Или нужно написать стили только для экранов шириной от 1000 пикселей и особый фон секции, то используем такую конструкцию:
@media all and (min-width: 1000px) {
#sidebar ul li a {
padding-left: 21px;
background: url(../images/email.png) left center no-repeat;
}
}
оцените контент и участвуйте в выборе трендов