2

this is a piece of my CSS:

@media (max-width: 800px) {

    body {
        background:black;
        background-image:none;
        font-size:30px;
    }

    #logo {
        width: 100%;
        height: 100%;

    }
    .mobile {
        display: inline;
        align-content: center;
        font-size:60px;
    }
    .longtext {
        display: none;
    }
}

On chrome, when I resize the window it changes to the setting i wanted to, but when going to devtools responsive check or visiting on mobile, it just doesn't work. Not a single setting.

heeeelp

Avinash Dalvi
  • 8,551
  • 7
  • 27
  • 53
campini
  • 31
  • 3

1 Answers1

4

You should add this meta tag in <head></head>. More information from MDN

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
doğukan
  • 23,073
  • 13
  • 57
  • 69