title: Tailwind styles not applied after deployed on Netlify
body: <p>I'm trying to deploy my react-app to netlify. But the tailwindCSS doesn't seem working.
  I have no error message or anything, so have no clue which way to go. Deployment was successful. I was checking all the answers here and other forums, but nothing solved my problem.
  Tried different builds, and pushing different settings, but just got a plain HTML page without styles.</p>
  <p>My package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;benji-portfolio&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@craco/craco&quot;: &quot;^6.2.0&quot;,
      &quot;@headlessui/react&quot;: &quot;^1.4.0&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^5.14.1&quot;,
      &quot;@testing-library/react&quot;: &quot;^11.2.7&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^12.8.3&quot;,
      &quot;react&quot;: &quot;^17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.2&quot;,
      &quot;react-parallax-tilt&quot;: &quot;^1.5.54&quot;,
      &quot;react-reveal&quot;: &quot;^1.2.2&quot;,
      &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
      &quot;react-scripts&quot;: &quot;4.0.3&quot;,
      &quot;web-vitals&quot;: &quot;^1.1.2&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;craco start&quot;,
      &quot;build&quot;: &quot;craco build&quot;,
      &quot;test&quot;: &quot;craco test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: [
        &quot;react-app&quot;,
        &quot;react-app/jest&quot;
      ]
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;autoprefixer&quot;: &quot;^9.8.6&quot;,
      &quot;postcss&quot;: &quot;^7.0.36&quot;,
      &quot;tailwindcss&quot;: &quot;npm:@tailwindcss/postcss7-compat@^2.2.7&quot;
    }
  }
  
  </code></pre>
  <p>tailwind.config.js</p>
  <pre><code>module.exports = {
    purge: [
      '/src/components/About/About.js',
      '/src/components/Contact/Contact.js',
      '/src/components/Navbar/Navbar.js',
      '/src/components/Projects/Projects.js',
      '/src/components/Skills/Skills.js',
      '/public/index.html'
    ],
    darkMode: 'class',
    theme: {
      extend: {
        backgroundImage: (theme) =&gt; ({
          'code': &quot;url('/src/components/About/coding-bg-dark.png')&quot;,
          'lightcode': &quot;url('/src/components/About/lightcode.png')&quot;,
         })
      },
    },
    variants: {
      extend: {
        backgroundImage: ['dark'],
      },
    },
    plugins: [],
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/7D4WX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7D4WX.png" alt="code structure" /></a></p>
  <p><em>Netlify build settings:</em></p>
  <p>Build command: <strong>craco build</strong></p>
  <p>Publish directory: <strong>public/</strong></p>
  <p><strong>full github repo <a href="https://github.com/benjaminpeto/benji-portfolio" rel="nofollow noreferrer">HERE</a></strong></p>