I am trying to make a toogle sidebar using useState but insidee className I can't implement js code and tailwind together, I can only add js codes or my tailwind codes as you can see in my codes when I…
I'm using TailwindCSS to make some grid based layouts. I've a grid which has 100 rows and 100 columns (extended the default tailwind config) As you can see from the Tailwind Play, the last grid's height is more than it…
I am working on a Vue project and I have this HTML: <div class="flex flex-col md:flex-row"> <div class="m-6 ml-10 mr-5 mt-10"> <div class="text-left"> <input type="text" class="mb-6 h-10 w-full rounded-lg border-2 border-gray-300 p-2" placeholder="Search for workouts, profiles, etc." /> </div> <div…
How to make this to be exact:- In the above there is a div justified at the center, and then another div next to it. The width of both the div's changes with animation and buttons. <script src="https://cdn.tailwindcss.com/3.4.3"></script> <div class="flex…
I tried the group-hover:block too but still when I hover over the solution and resources, it's not showing the dropdown menu <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Front Page</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> </head> <body class="bg-slate-600">…
Hello i want to modify the size and the position of the image when it’s on small device the only thing is that when i do changes it’s also changing the large device too Even when i do « sm:-300 » it…
So I have the following code in several places across the app: <label className="input text-neutral-content"> Name <input type="text" className="grow text-base-content"/> </label> I know that the idea behind tailwind is inline styling but is there a way to define the text…
I am build a simple div on that i want px-5 for mobile screen and px-20 for larger screen but only px-5 is working px-20 not working on large screen why? Code Output Image <div class="bg-white py-20 px-5 lg:px-20 ">…
Hello i try multiple solution to when my mouse in on a image it's unblur but i still dont find how i use blur-md to medium blur but when i trop to wrap another librarie inside it's doesnt work <img…
In the following code, I don't understand how I can set the height of each of the children elements (the ones where the className is ???) to the same height as the container with the ref. I have seen people…