Questions tagged [tailwind-css]
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
tailwind-css
10,014
questions
0
votes
1
answer
13
views
Tailwind - Apply Justify-Between if multiple children else Justify-End
I have a Vuejs component with a flex div containing a slot. As I do not know how many elements will be in the slot, I would like the content to be 'justify-between' if there is more than 1 element, ...
0
votes
1
answer
10
views
Hi, I have only basic knowledge on web dev and I need help on my project to start a new intern job, I need to know where to start and steps to follow
Food recipe site
The goal is to build attractive food recipe website that people can browse and can signup/login and share their recipe
any user visiting the site should be able to browse recipes ...
0
votes
0
answers
24
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
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 ...
1
vote
1
answer
39
views
Animating a progress bar styled as a dotted line
I'm creating a progress/volume bar component with Angular/Tailwind where the percentage increments are colored circles. All gray circles means 0%, all blue means 100%, 10 out of 20 means 50%, etc.
I ...
0
votes
1
answer
22
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 ...
0
votes
1
answer
12
views
Dinamically reposition buttons on image using Sveltekit and tailwind
I have created an html map by declaring an array
<script>
let areas = [
{ shape: 'rect', left: '4.94%', top: '60.55%', width: '7.28%', height: '22.78%', title: 'EVK30-200', id: 1 },
{ ...
1
vote
1
answer
25
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
37
views
I want to change the color of the body, but it takes up the entire screen
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
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 ...
-4
votes
0
answers
32
views
How to deploy Laravel, Vue.js, Tailwind in online for free? [closed]
I created a project online chatting system using laravel, vue.js and tailwind. And I want it to deploy online but I don't have any money to do so. Can someone recommend or advise me how to do? Thank ...
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
1
answer
29
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
38
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 ...