All Questions
Tagged with html tailwind-css
1,804
questions
0
votes
0
answers
35
views
How do I put an image on top of another using TailwindCSS?
I'm trying to put one image on top of 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. I have no idea how to ...
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 ...
1
vote
2
answers
30
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-...
- 11
0
votes
2
answers
34
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">
&...
- 146
0
votes
4
answers
70
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 ...
- 3
-1
votes
0
answers
51
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&...
- 63
0
votes
1
answer
27
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,746
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 ...
- 1
-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"><...
- 54.7k
0
votes
0
answers
37
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 ...
- 965
0
votes
3
answers
59
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/...
- 172
3
votes
1
answer
81
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 ...
- 41
0
votes
1
answer
39
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>
...
- 1
0
votes
0
answers
52
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 ...
- 23
0
votes
1
answer
25
views
How to dynamically adjust container heights in a flex layout using Tailwind CSS and React? [duplicate]
I'm working on a React application where I have multiple pricing cards (PricingCard) rendered using Tailwind CSS for styling. Each card consists of several sections, including a bullet points section (...
