Как убрать блок при определённом разширении экрана?

Question

[eellazy]

Как скрыть блок при разширении меньше 1000px?

Нашел что-то похожее... . Не уверен что это именно то.

@media (max-width: 1000px) {
  img {
    display: none;
  }
}

Как это всё правильно записать?

Класс который нужно спрятать

Comments

[Роман Бунс]

Да, должно сработать. Класс в данном случае img вместо него подставляете свой img или .img или #img

[eellazy]

Роман Бунс: только у меня пропадает фон... То есть до 1000 показывает, а после 1000 нет.
Вот код моего блока
.pop_block{
border:1px solid #bbb;
border-radius:2px;
background:#21292d;
width:100%;
height:200px;
margin-bottom:20px;


}

[Роман Бунс]

eellazy: Можно так background-color:#21292d; А вообще, не должен пропадать. Попробуйте исключить строку background:#21292d; из правил media (max-width: 1000px)

[vasRmba]

У экрана разрешение.

[eellazy]

vasRmba: ?

[eellazy]

Роман Бунс: все равно не то. Блок виден до 1000px а после 1000px он пропадает. Нужно наоборот

[Роман Бунс]

Тогда (min-width: 1000px) ))

Answer 1

[Павел Воронюк]

@media screen and (max-width: 1000px) {
.pop_block{ display:none; }
}

Comments

[eellazy]

спасибо за решение, все как нужно. Спасибо большое

[Павел Воронюк]

eellazy: можешь отметить как решение ;)

[eellazy]

Павел Воронюк: отметил) спасибо еще раз)

[Павел Воронюк]

eellazy: обращайтесь ))