title: How to get 'dn' to work for mobile devices with tachyons and preact
body: <p>I am using tachyons in preact to style my app but having problems with the 'dn' (display none).  I am trying to get my header imagine <em>not</em> to display on mobile but it doesn't work.  'dn' does nothing.  However, if I try 'dn-ns' (for display none - not small), it works.  So I ought to be able to do the logical opposite of that but nothing so far has worked.</p>
  <p>Here's the component I'm trying to style.  Any thoughts?  I have tried every combination I could think of and looked around for anything that might be overriding to no avail.</p>
  <pre><code>import { ReactComponent as UMLogo } from '../assets/umlogo.svg'
  </code></pre>
  <p>import seaGif from '../assets/images/Sea.gif'</p>
  <p>const Header = () =&gt; {
  return(
  
  
  
  </p>
  <pre><code>)
  </code></pre>
  <p>}</p>
  <p>export default Header;</p>