Tailwind style doesn't render completely

Support
,
1

hi i’m working on my portfolio which is built upon next.js, the problem is tailwind codes work on local space but when it comes to netlify they don’t , here is the link to my project : https://celadon-douhua-b653f7.netlify.app/

>> postcss.config.mjs

/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: [
    'tailwindcss',
    'autoprefixer',
  ],
};

export default config;

>> tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
    },
  },
  plugins: [
    function ({ addVariant }) {
      addVariant('child', '& > *'); // Targets direct children
      addVariant('child-hover', '& > *:hover'); // Targets direct children on hover
    },
  ],
};
2

What doesn’t work exactly?

Looked at the console? There are several errors logged.

Screenshot 2024-06-03 at 20.52.47
Screenshot 2024-06-03 at 20.52.472652×572 359 KB

3

wow, why don’t i see these error ? tried both firefox and chrome, don’t know what’s wrong with it , any way as you might have seen some code that i have written with tailwind doesn’t work, only pure css codes are applied ( because i have used both pure css and tailwind )

it’s so nonsense because i have tested on local and everything seems fine.

here is a pic

Screenshot 2024-06-03 145013
Screenshot 2024-06-03 1450131918×912 111 KB

4

Like so many things in the world.

With a production build?

5

i’ve tried building it as static files, didn’t work, here is my repo if you want to check it out, i’ve been looking at my so called masterpiece for 5 hours straight haha, some help would be really appreciated,

github repo : https://github.com/MRGando/Portfolio.git

6

Not nonsense after all :wink:

Nope.

7

Doesn’t look like a Netlify issue. Running npm run build && npm run start locally shows the same issue.