title: TailwindCSS: Own responsive class
body: <p>I'm working with TailwindCSS and I created entity like this:</p>
  <pre><code>@layer screens {
    @responsive {
      .flex-row-around {
        @apply flex flex-row justify-around;
      }
  
      .flex-col-around {
        @apply flex flex-col justify-around;
      }
    }
  }
  </code></pre>
  <p>I've generated stylesheet and now I'm trying to use it:</p>
  <pre><code>&lt;div class=&quot;flex-col-around md:flex-row-around&quot;&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  <p>But my styles are not added. What is done wrong?</p>