it turned out that in their documentation in tailwind.config.js there was no path for the styles to be applied to the components folder, that was the problem
/** @type {import('tailwindcss').Config} */
module.exports = {
// NOTE: Update this to include the paths to all of your component files.
darkMode: "class",
content: ["./app/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
presets: [require("nativewind/preset")],
theme: {
extend: {},
},
plugins: [],
};
"./components/**/*.{js,jsx,ts,tsx}"
be aware
idk why mt-12 worked tho