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,017
questions
0
votes
0
answers
7
views
How to Init Flowbite functions when using it through CDN
I'm working on a website that is basically a CRUD. Since it's hosted on a managed server, I'm using HTML, Tailwind CSS/JS, Flowbite CSS/JS, jQuery with AJAX and PHP. Here's the structure of my page ...
-1
votes
0
answers
7
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
11
views
Create Tailwind Plugin Class That Generates Various Hover And Focus States
Currently I'm using the @apply like so to create a simple error class I can add to input elements to highlight them.
.error{
@apply
outline
outline-red-500
focus:outline
focus:...
1
vote
2
answers
21
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
12
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
26
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
26
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
40
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
23
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
13
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
26
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-...