Как изменить цвет фона у контейнера при изменении ширины браузера до 480px?

Question

[sunnyrio]

Как изменить цвет фона у контейнера при изменении ширины браузера до 480px?
Сделал media query но он не работает почему?
https://jsfiddle.net/hmyk249v/2/

Comments

[Froggyweb]

в css код комментируется по другому.
если это убрать все работает https://jsfiddle.net/jrxacbh0/

Answer 1

[kr_ilya]

Можно на jQuery

$(window).on("resize", function () {
        if($(window).width()<361){
	$('#block').css('background-color', 'green');
         }
});

Можно непосредственно в css

@media (max-width: 361px) {
.block{ 
background-color: black;
}
}

Comments

[sunnyrio]

лучше css

[sunnyrio]

Почему у меня может не срабатывать, есть подключенный bootstrap 4 который отлично работает но вот выставляю media query изменяю размер браузера и ничего не происходит

[sunnyrio]

sunnyrio, обновил вопрос