All Questions
Tagged with tailwind-css html
1,804
questions
0
votes
0
answers
25
views
How do I put an Image over another using TailwindCSS?
I'm trying to put one image over another on my InfoComponent, and I want it to look something like this:
However, I just can't seem to do it. I need to make it responsive so I have no idea how to ...
0
votes
1
answer
50
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 ...
1
vote
2
answers
28
views
tailwind apply doesnt work in tailwind version 3
I have installed tailwind successfully. When it comes to using the @apply, things are not working.
<body>
<!-- header -->
<header class="bg-transparent absolute top-0 left-...
0
votes
2
answers
32
views
Alling a menu to the right of a button positioned in a table column
I have a webpage with a table in which the last column is a button that opens a dropdown menu (for simplicity, the example does not include JS):
<head>
<meta charset="UTF-8">
&...
0
votes
4
answers
67
views
JS not opening a button as intended
I'm working on a header section in HTML and decided to learn JavaScript in this project. I'm also using TailwindCSS, with a few specifics I included in a different .css file.
I got the JS code from ...
-1
votes
0
answers
50
views
Is it possible to absolute position a container to the left of a scrollable container [closed]
My issue is that I have code similar to
<div style={{ display: "flex" }} className="App">
<div
style={{
height: "100vh",
width: "200px&...
0
votes
1
answer
23
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 ...
0
votes
0
answers
23
views
Tailwind not compiling new classes [closed]
I'm doing a project with Express and Tailwind, and after sometime, i've noticed that tailwind wasn't compiling new utility classes, but only others who were already being used. Did someone already had ...
-2
votes
4
answers
53
views
Why isn't the following text being collapsed into a ellipsis?
This is the code:
<div class="grid w-full gap-4 grid-cols-8">
<div class="flex w-full flex-col gap-1 justify-center items-center max-w-small cursor-not-allowed"><...
-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
36
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
56
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
1
answer
80
views
Fixing Transparent Line Between Div with Clip-Path and Parent Div
A thin, transparent line appears between the triangular div and its parent div when zoomed. I believe this is likely caused by anti-aliasing in the browser. If there is a way to fix this, I would ...
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
51
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 ...