10,590 questions
-6
votes
2
answers
91
views
React App isn't showing components in localhost browser when I run 'Npm run dev'
I am following a tutorial from Youtube by building a React portfolio site. I set up using Vite. I have followed the steps exactly and checked the code. But when running npm run dev localhost my ...
1
vote
0
answers
53
views
How can I apply blur to a parent without the children getting blurred? [duplicate]
The background blurs as it should, but the child elements also get blurred and I have no idea what could be causing it or how to fix it.
Does anyone have experience with this or can you see what the ...
- 11
0
votes
0
answers
55
views
Issue with BlocksRenderer rendering rich text when using TailwindCSS
I'm having a problem using BlocksRenderer from @strapi/blocks-react-renderer. I've double-checked everything, and the data coming from the backend is correct. However, when I pass the rich text ...
- 88
-1
votes
1
answer
36
views
Tailwind CSS IntelliSense not working in Blazor Server (.NET 10) project in Rider
I’m working on a Blazor Server project targeting .NET 10 and trying to use Tailwind CSS.
I included the Tailwind CDN script in the <head> section of App.razor, and at runtime everything works ...
- 31
-1
votes
1
answer
86
views
Tailwind CSS v4 arbitrary value classes (brackets []) not rendering in Next.js 16 with Turbopack
I am using the latest Next.js 16.1.6 with Tailwind CSS v4.2.1 and React 19. When running the development server with Turbopack (next dev --turbo), arbitrary value classes like aspect-[12/5], z-[100], ...
1
vote
3
answers
79
views
pnpm reports incorrect peer dependency version warning when `vite` is aliased to `@voidzero-dev/vite-plus-core` by Vite+
I created a test Vite+ project. Then I tried to install the @tailwindcss/vite plugin using the vp install command, which supports many Vite versions, but I still ran into a warning. (Although it can ...
- 19.9k
Advice
1
vote
8
replies
93
views
Is SCSS still relevant alongside Tailwind CSS?
I recently started an internship where the team asked me to use SCSS. What caught my attention was that my mentor described the stack as:
SCSS (main styling)
Tailwind CSS (utility classes)
In ...
0
votes
1
answer
96
views
`prefix()` does not work for `tailwindcss/utilities.css` when preflight and theme are excluded
I am using TailwindCSS v4 in a widget that will be embedded into other websites. Because of this, I want to avoid global style conflicts, especially CSS normalization.
So instead of importing the full ...
- 290
0
votes
1
answer
74
views
How to use tailwind css classes inside WP page content?
I'm using Tailwind in a custom WP theme and ran into an issue with classes used inside the WP page editor. From my setup, I installed tailwind with Node.js and I build the CSS using "pnpm build&...
2
votes
1
answer
54
views
How to set a custom color for Nuxt UI UChip?
Given the Nuxt UI Chip component having a color property accepting fixed colors.
I'm calculating a heatmap color ranging from the Tailwind colors "bg-transparent" to "bg-emerald-900&...
1
vote
1
answer
71
views
New TailwindCSS v4 utilities are not working in v4.1, even though the documentation lists them
I tried the utilities available in the documentation, but in a few cases nothing appeared in the compiled CSS. I don't see the expected result in DevTools, as if they don't exist at all:
block-* ...
- 19.9k
0
votes
1
answer
73
views
How to handle @source for a React UI Library in production?
I am currently building a custom React UI library (monorepo structure) using Tailwind CSS v4.
During development with Storybook, my styles only render correctly if I explicitly point to the source ...
0
votes
1
answer
78
views
Tailwind index css styles override class styles [duplicate]
I would have an index.css file that would set some initial styles like:
h1, h2, h3, h4, h5, h6 { @apply text-gray-800 }
and in few instances would like to set
<h6 class="text-primary-500"...
- 29
5
votes
2
answers
124
views
How to make text and image columns have equal height
I have a container with a max-width and two elements side by side using flexbox:
a text block
an image
Both elements technically have the same height as flex items, but the image keeps empty space ...
- 41
1
vote
1
answer
114
views
Vite not building Tailwind v4 CSS
I have a Svelte project that for a long time I used Tailwind v3 for, that I'm using Vite to build and Vercel to deploy. Then at some point I upgraded a bunch of packages, including upgrading Tailwind ...
- 11