title: show hidden element with css
body: <p>I have a div like this:</p>
  
  <pre><code>&lt;div class="mobile"&gt;Some mobile content&lt;/div&gt;
  </code></pre>
  
  <p>This content is hidden by default (core.css):</p>
  
  <pre><code>.mobile{display: none;}
  </code></pre>
  
  <p>Now, I want to show this div, when browser resolution is lower than 1024px and it doesn't work:</p>
  
  <pre><code>@media (max-width: 1024px) {
      .mobile{display: block;}
  }
  </code></pre>
  
  <p>How can I show this div? Opposite way works fine - showing and then hiding when resolution changes.</p>