I made a modal that given below: export const Modal = ({ onClose, children, title = "" }) => { const handleBackdropClick = (e) => { e.target === e.currentTarget && onClose(); }; useEffect(() => { document.body.style.overflow = "hidden"; return ()…
I'm using React with Tailwind I'm trying to center the modal in the screen in which the height of the body is more than that of viewport and I need the modal to be fixed at the center of the…
I built myself a little weekly forecast app for an exercise and I'm using TailwindCSS. On medium sized screens and larger, I have the layout pretty much how I'd like it (still tweaking). There are two columns, day-time weather data…
I'm trying to make my first app using React Native and Tailwind. I imported the Rajdhani font family to use in this app, but for some reason only Rajdhani Bold actually shows up in the Expo preview on my IOS…
I have a div which (on initial rendering of the page) should base its size on the content that is in it. But there is a question mark icon with a hover function in it. When you hover over the…
13:44:51 [vite] Internal server error: [postcss] Package subpath './tailwind' is not defined by "exports" in D:LiorMoraliProgramming(D)MERN-Blogclientnode_modulesflowbite-reactpackage.json Plugin: vite:css File: D:/LiorMorali/Programming(D)/MERN-Blog/client/src/index.css:undefined:NaN at new NodeError (node:internal/errors:405:5) at exportsNotFound (node:internal/modules/esm/resolve:366:10) at packageExportsResolve (node:internal/modules/esm/resolve:713:9) at resolveExports (node:internal/modules/cjs/loader:590:36) at Module._findPath (node:internal/modules/cjs/loader:664:31) at Module._resolveFilename (node:internal/modules/cjs/loader:1126:27) at…
I have a small question. I have custom tailwind screen sizes in my tailwind config and I want to conditionally use classes based on the screen sizes. Is that possible with tailwind? class = "logo tablet: logo-text desktop:logo-text" Seems like…
Is there any way to force a certain number of items per row using flex box or any other way in CSS / tailwind, without stretching the item's width? For my case, lets assume 4 items per row:- <script src="https://cdn.tailwindcss.com/3.4.3"></script>…
As shown in the Image, truncate happens for all the Category tag component. I want to ensure that only the last few tags will get truncate and if it get truncated to really small tags for instance C... then I…
I am trying to build a small admin dashboard for a personal application but i can not figure out how to make sure the page itself can now overflow, but rather the elements inside do. this is the example code…