All Questions
1,103
questions
-1
votes
0
answers
34
views
Is it possible to absolute position a conatiner to the left of a scrollable conatiner [closed]
My issue is that i have code something similar
<div className='flex flex-col'>
<div className='rounded-lg p-4'>
<div className='relative'>
<div className='absolute ...
0
votes
0
answers
16
views
Disable browser/page navigation while horizontally scrolling iframes?
My site has a container of iframes placed side-by-side, which creates a horizontal scroll. When users use a two-finger gesture/trackpad scroll outside the iframe, it scrolls as expected. However, when ...
1
vote
2
answers
43
views
tailwindcss background not changing to correct color
There is a feature i implemented in the tiktaktoe wherein if a player wins the game, then the winning box gets green in color and if there is a draw , then all the box becomes red. The feature is ...
0
votes
0
answers
38
views
Passing In Tailwindcss Classes to Component Library Not Working
So, I am building a React component library (like the world needs another one) and an app on top of it. When I pass in Tailwind classes to the components from the app, the passed classes don't get ...
0
votes
0
answers
15
views
Content Overlaps with Footer in Printed Document [closed]
When printing a document using the provided Page component, some content of the page get displayed under the footer in the printed output. This causes the content to overlap with the footer, making it ...
0
votes
1
answer
30
views
TailwindCSS Breakpoints aren't applying [closed]
I have a NextJS 14 project that I am using Tailwind CSS with. I have the following:
<div className="text-amber-dim md:text-amber flex-1 h-screen flex items-center justify-center">
&...
0
votes
1
answer
54
views
Text fill effect but controlled by percentage
I'm attempting to create a text fill effect that will be controlled by a useState.
I have the following text:
According to a state I want it to be filled from left to right, although the last letter ...
-2
votes
0
answers
24
views
How to change the color of the svg icon using tailwindcss only while hovering through it? [duplicate]
I already read the questions about the SVG and this question my question is about how to do this with Tailwindcss only.
The project tools are React and Tailwindcss.
I want to change the color of the ...
0
votes
0
answers
35
views
unable to get consistent layout with tailwind for relative container
I am trying to build a form layout in a NextJS project with tailwind CSS.
here is the CodeSandbox Link for the issue.
After running the code in sandbox, please click the button the view the resulting ...
0
votes
3
answers
51
views
Tailwind - React - Best way to structure HTML based on screen sizes
What would be the best way to handle an element which needs to stay in a specific place if the screen width is > X and stay in another place if screen width < X?
Example: https://jsfiddle.net/...
-3
votes
0
answers
42
views
How to make the parent element have the same width and height as the child svg element? [closed]
Hi so I am currently making a project with Vite.js with React + TSX, Tailwind and Daisy UI. I am currently trying to make a model button that overlaps a svg. The issue is that the button's width and ...
-1
votes
0
answers
32
views
How to draw timeline like line for each item of the submenu for sidebar design [closed]
I have a little different design for a sidebar where, there is a timeline like line for each submenu in the list. Is there any implementation logic that can help, already any reference. Please have a ...
0
votes
1
answer
38
views
Why do children of tailwind grid divs inherit their siblings' classes, such as padding and margin?
<div class="grid grid-cols-3 gap-2">
<div class="children-1 col-span-1 p-4 border rounded-md flex justify-center items-center bg-red-600 text-white">Hello</div>
...
0
votes
0
answers
48
views
how can I make element color transition smoothly with Tailwind CSS in react?
I have a React component where elements change color every 5 seconds based on a countdown timer. I want the color changes to happen smoothly, but my current approach doesn't work.
Here's the code for ...
1
vote
0
answers
38
views
How to change Background color of AgGrid Table dynamically?
In Navbar Component, there are select tag with two options "light" and "dark" if i select dark option then I am setting this value in localStorage and localStorage value updating ...