title: Tailwind CSS responsive breakpoint overrides not working
body: <p>I can't figure out why the responsive overrides of tailwind are not working in my project.</p>
  <p>For example, I'd like the following text in div to be centered below the small screen breakpoint and left-aligned above the sm breakpoint. The following code seems to work when I try it in <a href="https://codepen.io/adnanchowdhury/pen/XLgNZp" rel="noreferrer">Codepen</a>. However, it does not work in my laravel project.</p>
  <pre><code>&lt;div class=&quot;text-grey-4 flex-1 px-6 sm:text-left text-center self-center&quot;&gt;  
      &lt;h2 class=&quot;h2&quot;&gt;&lt;b&gt;Heading Text&lt;/b&gt;&lt;/h2&gt;
      &lt;div&gt;
        Lorum ipsum lorum ispum lorum ipsum Lorum ipsum lorum ispum lorum ipsum Lorum ipsum lorum ispum lorum ipsum
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  <p>Any ideas why this doesn't work in my Laravel project?</p>