Help With TailwindCSS with React

Question:
So, I am making a Repl that anyone (including me) for a tech stack can use React and TailwindCSS on Replit (it also uses Vite), and I am trying to make a basic landing page for some example code. I can’t seem to get some of the Tailwind to work, such as make a background for the parent div and center align text.

Repl link:
https://replit.com/@SalladShooter/React-TailwindCSS

App.jsx

import './App.css'

export default function App() {
  return (
    <main>
        <div className="container mx-auto bg-neutral-700 p-8">
            <h1 className="text-3xl font-bold underline">
                React + TailwindCSS
            </h1>
        </div>
    </main>
  )
} 

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: 'jit',
  content: [
    "./src/**/*.{js,jsx,ts,tsx}", "./public/index.html",
  ],
  darkMode: false,
  theme: {
    extend: {},
  },
  plugins: [],
} 

Still can’t get this to work, I followed TailwindCSS’s docs to install with React and it doesn’t work on Replit at least. Haven’t tried other places.