In my current NextJS project, I am using Tailwind as a CSS framework. When I run yarn dev, everything works fine, but whenever I run yarn build followed by a ya
Using TailwindCSS I'm trying to have a <div> fit to the height of its child, a <button>. My code is as follows: <form className="w-full flex h-96
So I'm new to tailwind and i am creating a simple app/layout which has a Navbar, Image Feed and Sidebar component. So on the left side component it has a grid o
I'm using @heroicons/react: ^1.0.5 and I'm trying to style the icons by applying another color. I'm using tailwindcss to manage my CSS. When I declare the follo
I have this html example: <div class="h-screen"> <div class="absolute inset-0 -z-1 bg-black"></div> <div class="flex flex-col tex
so im trying to create a responsive navbar with reactjs and tailwind css this is screen 1 in this size the screen is responsive here it is not responsive so I w
I used Navbar from Flowbite Tailwind CSS Component. But lately, Flowbite's Navbar dropdown menu is not working in my React app project. Is it not working for th
I got some issues with windicss. Classes don't apply on elements. I've tried to install an older version of windi and it still doesn't work. I've even tried to
I am using Tailwind for a little Wordpress project I am creating. So I have set things up with webpack. This works absolutely fine. Tailwind does its tree shaki
i have checkbox input with class="accent-gray-500" how can i change background color of "unchecked" state? Tried to add ie "bg-red-500" to input class, but no l
Here is my Tailwindcss version 3.0.24. I want to create a prefix css class like this: <div class="myTestVariant:text-red-600">hello world</div> and
I can't get this code to work on vuejs, class xl:w-3/6 doesn't override w-full. I tried replacing w-full with sm:w-full but when the window is smaller than sm t
I'm trying to make my background image responsive using tailwind. Can't find background-position-x in their documentation.
module.exports = { purge: [ "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", "./layout/**/*.{js,ts,jsx,tsx}", "./const/**/
Here is the code :) <div> <div class="w-full m-4 rounded-xl flex flex-wrap shadow-md border-2 place-self-center"> <div class="flex flex-1"&
I am trying to add Tailwind.css to a Vue.js project. There are a lot of resources on how to do this, most of them following the same path as this video. To make
I want to make my navbar responsive by adding hidden sm:flex to a specific item. Meaning it'll hidden by default but show only on small screens and above. I mad
I want to make my navbar responsive by adding hidden sm:flex to a specific item. Meaning it'll hidden by default but show only on small screens and above. I mad
I am using Draft Js for Rich text editor in my react project that uses tailwind. H1-H6 have no effect when toggled on texts. The other block types (blockquote,
I'm currently trying to set up a flask project using tailwindcss 3.0.23. For templating I'm using jinja. Furthermore yarn is used. During previous projects when