@media query code

Question

Can this be done?

.col is the main section.

If I resize from above 1142px to 1141px I want the .col to disappear.

If I resize, I can see the .kaartmw but the .col doesn't disappear.

If I resize from less 1141pxpx to 1142px and above the .kaartmw will disappear just like I want to have.

That can't be done with this code.

The question is why?

Note that I have changed the max-width and min-width

/* MEDIA QUERY 1142px*/
@media screen and (min-width:1142px){
    .kaartmw {
        display: none;
    }

/* MEDIA QUERY 1142px*/
@media screen and (max-width:1141px){
    .col {
        display: none;
    }

Answer 1

You forgot the } to close each media query section.

A validator is a useful tool for detecting this type of problem.