I have the following element: <div dir="rtl" class="aspect-ratio-1 group relative h-min w-full max-w-[300px] flex-shrink-0 lg:max-w-[390px]"> <img class="rounded-s-full border-[12px] border-indigo-400" alt="Placeholder" src="https://placehold.co/400x600" /> </div> And I'm looking to create an animation sequence with Tailwind. For the sequence, first rounded-s-full should take…
I am using CSS (here via Tailwind for brevity) to force a flex child to be on its own line in portrait mode by making the flex container flex-wrap and changing the child's order to last and width to full…
I am trying to create a slide-over navbar or slide menu with panels that open on top of eachother (I haven't found the best description yet as how to describe it). Basically the idea is to have a slide menu…
I tried using NativeWind in my app, but I can't figure out why it's not working. I attempted to target my .js file, but it didn't work. I even deleted the node_modules and reinstalled them, but it didn't make any…
I tried to create a project using both tailwindcss and primeng. But after I import Tailwind, the styles of Primeng are not applied any further I tried using the Tailwind prefix option, but as soon as I import Tailwind the…
Started Metro Bundler iOS Bundling failed 1903ms App.js: C:UsersTomiwa KukoyiDesktopinfocryptoinfocryptoApp.js: Use process(css).then(cb) to work with async plugins this is the error i keep getting, im using yarn, ive also used the documentation and followed everything through my tailwind config file…
I am very new to react and tailwind. Here is what i am trying to accomplish in pseudo code: <Component className={aFunction(), 'some-tailwind-code'}></Component> How would i accomplish this? ive been trying to search around the internet but cant find anything because…
I have a modal with a scrollbar. The modal has a border-radius of 12px The scrollbar has 12px radius too Problem, the radius does not match. I would like the part of the scroll bar that is outside of the…
beginner here, developing a website with a friend who cannot help me at the moment, and, I tried to add a function for background to fade-in on scrolling the site. I tried a lot by reading on web, but can't…
I have a grid structure like this (for a weekly calendar): <div className="grid flex-auto grid-cols-1 grid-rows-1"> {/* Horizontal lines */} <div className="col-start-1 col-end-2 row-start-1 grid divide-y divide-gray-100" style={{ gridTemplateRows: 'repeat(48, minmax(3.5rem, 1fr))' }} > <div className="sticky left-0 z-20 -ml-14 -mt-2.5…