Help With TailwindCSS with React

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:


import './App.css'

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


/** @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.