title: Show a div on desktop and show another div on mobile with CSS
body: <p>I want to show a particular div on desktop and tablet but I wanna hide this div in the mobile screen. In the mobile screen I wanna show another div, so I want to swap the two divs.</p>
  
  <p>This is my attempt:</p>
  
  <pre><code>.div-only-mobile {
      visibility: hidden;
      display: none;
  }
  
  @media screen and (max-width: 849px) {
  
  .div-no-mobile {
      visibility: hidden;
  }
  
  .div-only-mobile {
      visibility: visible;
      display: block;
  }
  
  }
  </code></pre>