All Questions
Tagged with reactjs tailwind-css
3,308
questions
1
vote
1
answer
45
views
Is there a way to programmatically change screen size for tailwind class
I am building UI-kit with react tailwind.
I know that tailwind can't find classes that made with template strings. I want to achieve this:
I have a few components in my ui kit and I want them to have ...
1
vote
0
answers
19
views
Two node_modules folders in a React and Tailwind project [closed]
I first installed React (with TypeScript) then added Tailwind to the project as it's documented on their website here and this resulted in two node_modules folders and two package.json files in the ...
-1
votes
0
answers
20
views
When I try to use material tailwind react, I am getting dispatcher is null error [closed]
When I am using tailwind in react it is working fine but when I am using material tailwind in react I am getting the error "dispatcher is null. When I am using tailwind in react it is working ...
-2
votes
0
answers
25
views
How to implement a line which guides users through a website [closed]
I'm trying to do the purple line which guides users through entire website and my stack is react, tailwindcss. I need it to be also responsive. How can I implement it? Also I need it to be aligned ...
0
votes
0
answers
30
views
Grid System - Variable Card Height [duplicate]
I have been trying to make the card's height flexible according to the image but all my efforts have been in vain.
https://i.imgur.com/6SQBGtp.png
enter image description here
Above is the actual ...
-1
votes
0
answers
15
views
Broken Tailwind CSS with NextJS
I have been working on a project which uses NextJS (app router), typescript, tailwind, and all that jazz. I made some changes to one of my components, and the whole tailwind thing just kinda broke. I ...
0
votes
0
answers
33
views
how I can change position of react-slick arrows
I use react-slick and I pass custom arrows, but the default arrow position is right-left.
but I want to change it to the bottom right side.
also, we should consider that I use sliders on another page ...
0
votes
1
answer
29
views
Text overflow ellipses are not showing, instead text just hidden
I am trying to add tabs to an app. The tabs get smaller the more I add, how the tab text is just hidden instead of showing ellipses. Can anyone help?
enter image description here
enter image ...
1
vote
1
answer
38
views
Dynamic Tailwind CSS Classes Not Applying Correctly on Initial Render in React Component [duplicate]
I am trying to achieve a rolling y-axis list which I successfully coded. Here is the behaviour.
I'm working on a React component where I dynamically apply Tailwind CSS classes based on a prop (...
0
votes
2
answers
46
views
I want to change the color of the body, but it takes up the entire screen [closed]
I'm creating a web page about a weather app, but I have a problem with the background-color of the body.
I gave the bodysuit the background color #191a38. Inside the body I have a main with the ...
0
votes
1
answer
54
views
Why is the background image in my code not fitting up the screen completely?
I've written a code in React JS and used Tailwind CSS to insert a background image in my code but the image is not filling up to the whole screen. Instead, the image has a margin of the same size on ...
0
votes
1
answer
30
views
Struggling to get this scrollable table with fixed top and left side working
So I have this project where I have a page with a header and then a table.
Now for the table I need to have the top most row to be fixed AND also have the left most column be fixed when I scroll. I ...
0
votes
1
answer
39
views
Scroll Animation Resets after Sometime
So I am making my own portfolio website. And I wanted to add scroll animation with technologies I know:
I am using tailwind.css with next.js
I have my own component on Scrool.jsx
But scrolling stops ...
1
vote
1
answer
34
views
Tailwind gradient not working when using template literals
I'm trying to adjust the following gradient:
bg-gradient-to-r from-rose-400 to-rose-50 from-${percentage}% to-${percentage}%
where percentage is a changing variable.
When I replace the template ...
0
votes
0
answers
40
views
Tailwind CSS Styles Not Applying Automatically in React Project
I'm working on a React project and have integrated Tailwind CSS for styling. However, the Tailwind CSS styles do not apply automatically when I make changes to my CSS or component files. I have to ...