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,019
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, ...
3
votes
3
answers
306
views
Module not found: Can't resolve 'v8' In NextJS with Twin Macro
I am getting Module not found: Can't resolve 'v8' while using the package in Nextjs with Typescript.
If I use .js file, then it's working fine, If I use .tsx file then it throws Module Not found ...
0
votes
1
answer
11
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 ...
6
votes
4
answers
12k
views
How to use smooth-scroll from tailwindcss in React?
I have created a one-page website using tailwindcss and React. In the prototype I use the tailwindcss class "scroll-smooth" and it works. In React the class "scroll-smooth" does ...
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 ...
7
votes
7
answers
13k
views
TailwindCSS autocompletion in PhpStorm not working
I just updated PhpStorm to version 2020.3 which now supports autocompletion for Tailwind CSS. But in my new updated version it isn't working and can't figure out why.
In html, blade and css files, ...
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
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
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
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 },
{ ...
5
votes
3
answers
4k
views
Tailwind not applying the styles when working with remix
i've followed this guide : https://tailwindcss.com/docs/guides/remix
step by step (twice,to be sure). yet nothing works.
my tailwind config js looks like that :
/** @type {import('tailwindcss').Config}...
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 ...