Metalaka

<h1>I have content<span class="hide-on-mobile"> that is hidden on mobile</span></span></h1>

<ol>
  <li style="color: red;" class="hidden">hidden</li>
  <li style="color: green;" class="desktop-only">desktop-only</li>
  <li style="color: blue;" class="hide-on-desktop">hide-on-desktop</li>
  <li style="color: green;" class="ipad-only">ipad-only</li>
  <li style="color: blue;" class="hide-on-ipad">hide-on-ipad</li>
  <li style="color: green;" class="tablet-only">tablet-only</li>
  <li style="color: blue;" class="hide-on-tablet">hide-on-tablet</li>