JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<section id="post-player">
    <div class="player-desktop">
        <div class="container">
            desktop
        </div>
    </div>
    <div class="player-mobile">
        <div class="container">
            mobile
        </div>
    </div>
</section>

CSS

@media (min-width: 800px) {
  .player-mobile {
    display: none;
  }
}

@media (max-width: 800px) {
  .player-desktop {
    display: none;
  }
}