azkor Posts - Answer Overflow

azkor

•Created by azkor on 9/9/2023 in #front-end

media query applies to desktop screens

hello so im coding some media query and i did some for 360px width the problem is its interfring with my desktop screens that are 1920x1080 and 1440x900 i want the query to affect the screen of 360px max width please help

@media only screen and  (max-width: 360px){
    .first-four{
        display: inline-table;
    }
    .last-three{
        display: inline-table;
    }
    .ccz{
        display: inline-table;

    }
    .item{
        padding: 15px;
    }
    .welcome{
        font-size: 55px;
    }
    .c1,
.r1,
.c2,
.c3,
.w,
.c4,
.s1,
.y1,
.c5{
    font-size: 14px;
}
.text2{
    font-size: 15px;
}
.text{
    font-size: 35px;
}
.he{
    font-size: 35px;
}
li a{
    font-size: 20px;
}
.p3,.t4,.p2,.t3,.v,.t2,.s,.e,.c,.p,.t,.e,.r,.m{
    font-size: 14px;
}
.acc{
    font-size:35px;
}
.item{
    font-size: 15px;
}
.cc3{
    font-size: 35px;
}
.nhebek{
    height: 300px;
    position: relative;
    left: 4vw;
    bottom: 1vw;

}
html{
    overflow-x: hidden;


}
.bla{
    height: 45px;
}
}
.s1,
.y1,
.c5{
    font-size: 14px;
}
.text2{
    font-size: 15px;
}
.text{
    font-size: 35px;
}
.he{
    font-size: 35px;
}
li a{
    font-size: 20px;
}
.p3,.t4,.p2,.t3,.v,.t2,.s,.e,.c,.p,.t,.e,.r,.m{
    font-size: 14px;
}
.acc{
    font-size:35px;
}
.item{
    font-size: 15px;
}
.cc3{
    font-size: 35px;
}
.nhebek{
    height: 300px;
    position: relative;
    left: 4vw;
    bottom: 1vw;

}
html{
    overflow-x: hidden;
}
.bla{
    height: 45px;
}

11 replies

Gaming

Programming