use tailwindcss jit

Author: gimenezpablonl

components/WordContainer.tsx

@@ -7,7 +7,7 @@ type Props = {
 
 const WordContainer: React.FC<Props> = (props) => {
   return (
-    <div className="max-h-32 overflow-hidden border-indigo-300 border-4 p-3 lg:p-4 leading-9 md:leading-12">
+    <div className="max-h-32 overflow-hidden border-indigo-300 border-4 p-3 lg:p-4 leading-9 md:leading-[3rem]">
       <span
         className={`font-medium text-2xl md:text-3xl lg:text-4xl ${
           props.isInputCorrect ? "bg-indigo-300" : "bg-red-500"

tailwind.config.js

@@ -1,16 +1,7 @@
 module.exports = {
   mode: "jit",
   purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
-  darkMode: false, // or 'media' or 'class'
-  theme: {
-    extend: {
-      lineHeight: {
-        12: "3rem",
-      },
-    },
-  },
-  variants: {
-    extend: {},
-  },
+  darkMode: false,
+  variants: {},
   plugins: [],
 };