Как перезагрузить параметры в медиа-запросе?

Question

[Антон Вертов]

Доброго времени суток друзья.

Есть блок на сайте с классом .list-group-item.oi.
Его содержимое:

.list-group-item.oi {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
    height: 300px;
    float: left;
}

Для мобильных устройств с максимальной шириной 400px пытаюсь убрать параметры width: 50%; height: 300px; float: left; написав вот так:

@media screen and (max-width: 400px)
.list-group-item.oi {
    padding: 15px;
}

В итоге перезагружается только padding (становится 15px), а остальные параметры (width: 50%; height: 300px; float: left;) вставляются. (На картинке скрин с инспектора)

Мне их нужно убрать вообще в мобильной версии. Как это сделать подскажите пожалуйста ?

Comments

[ой всё]

и где вы их убираете?
может вам для начала почитать, что есть CSS? ну и там хотя бы самое начало, чтобы понимать о чем вообще речь идет?

[Антон Вертов]

ой всё, ну я вас прошу подсказать, как убрать полностью параметры для мобильной версии.
читать с 0 сейчас нету возможности.

[s-jet]

Антон Вертов, нужно начать с того что мобильная версия это не max-width: 400px;

[Антон Вертов]

s-jet, можно пожалуйста помочь конкретно с данный вопросом ?

[s-jet]

Антон Вертов,

.list-group-item.oi {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
    height: 300px;
    float: left;
}

@media screen and (max-width: 400px) {
.list-group-item.oi {
    width: auto; 
    height: auto;
    float: none; 
}

}

[Антон Вертов]

s-jet, спасибо большое!

Answer 1

[xXRustamXx]

Тебе нужно сбить width: ; height; и float следующим образом:

@media screen and (max-width: 400px)
.list-group-item.oi {
    width: auto;
    height: auto;
    float: none;
    padding: 15px;
}