Media queries not working

HTML-CSS
1

Hey it’s my first post, I’m doing something in ccs and the queries doesn’t do anything

here is a code

.important-box {


    text-align: center;
    margin-top: 15px;
    background: #16a085;
    border: #16a085 1px solid;
    border-radius: 0.5em;
    width: 85%;
    margin-left: 7.3%;

    -webkit-box-shadow: 10px 10px 21px -9px darkslategray;
    -moz-box-shadow: 10px 10px 21px -9px darkslategray;
    box-shadow: 10px 10px 21px -9px darkslategray;
}





@media (max-width: 1440px)
{
    .important-box{
        width: 100%;
        margin-left: 0;
    }
}

so the thing is that when the screen gets smaller than 1440 nothing really happens

So the solution was i moved query code into html file

2

Not sure what you are expecting, or your other code looks like. In isolation it works as expected …

important-box

3

strange :thinking: :thinking:

4

Try this @media screen and (max-width: 1440px) then your code.

5

I don’t quite understand either. Why should the window size affect your results?

6

So the solution was i moved query code into html file

1 Like
7

hi elderwolf11 i run into same problem… do you mean inner stylesheet ?

8

@klenam, this post is over a year old. The OP may or may not be active and the topic has been marked as solved.

If you have a question it’s best if you open your own topic. Include a link to your code and describe in detail the issue that you’re having.

Thank you