Не отображать блок на определенной ширине окна при помощи CSS

CSS
Dolphin
10.12.2017 09:20:44 am
Появилась несложная задача отображать блок только при ширине окна больше 650 пикселей, сделать это необходимо на CSS. В этом нам поможет правило @media: 
@media (min-width: 650px) {
	/* ... */
}

Вместо комментария /* ... */ пишем код стиля.

Например, у меня есть блок с классом block, который мне и надо скрывать при ширине меньше 650 пикселей: 
<div class="block">
	<!-- Код блока -->
</div>

Стиль: 
.block {
    display: none;
}

@media (min-width: 650px) {
	.block {
		display: block;
		/* Стиль блока */
	}
}

Вот и все. Теперь блок будет виден только если ширина окна будет 650 пикселей или больше.