Media Query not working, Anyone please suggest me better solution

yotube
0

Issue

Please click here to see My HTML and CSS code

https://jsfiddle.net/r4cwn9db/

suggest the solution or issue here


Solution

You have a typo in your media queries (see and):

Your code:

@media screen and(max-width:1020px) {
#container{
width:900px;
}
}
@media screen and(max-width:800px) {
#container{
width:500px;
}
}
@media screen and(max-width:600px) {
#container{
width:auto;
}
}

Working code:

@media screen and (max-width:1020px) {
#container{
width:900px;
}
}
@media screen and (max-width:800px) {
#container{
width:500px;
}
}
@media screen and (max-width:600px) {
#container{
width:auto;
}
}


Answered By - nosTa

Post a Comment

0Comments
Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !
To Top