markdown CSS_media_query_max_width_not_working

Posted 2021-05-06

Refer: https://stackoverflow.com/questions/30706407/css-max-width-for-media-query-not-working

```css
@media only screen and (max-width:1400px)  {
.heading-left {
    left: -0.5%;
  }
}
```

Header add this fragments
```HTML
<meta name="viewport" content="width=device-width, initial-scale=1">
```

>Viewport is used when rendering responsive pages and is therefore mostly used
when dealing with mobile websites, but when dealing with media queries 
it helps tell the CSS `what the actual device-width` is.