in my code, justify between does not work. here is the code: import { Container } from 'postcss' import React from 'react' export default function Navbar() { return ( <> <nav className='w-full flex justify-between'> <div> asdsad </div> <div> asdsad </div>…
In tailwind <div class="border w-80 h-80 m-80"></div> and <div class="outline w-80 h-80 m-80"></div> look totally different, at least after injecting preflight by using @tailwind base; in my CSS. I would like to make the outline case look as similar as…
I want to change the Value of <p> tag "text" when the page resize (shrink or grow). <div className='flex sm:bg-red-500/40 after:sm:content-["I am sm Size"]'> This is a Test </div> However, when I resize the page, it doesn't work.
Background: I was trying to do some custom styling for my select element by changing the color and arrow example: <select :id="'select' + index" class="w-full px-4 py-2 pr-8 bg-theme text-white rounded-md hover:bg-theme/50 appearance-none" @focus="dropdownOpen = true" @blur="dropdownOpen = false"> <option…
enter image description here I have faced a problem where when I change the style in className for tailwind-css, it does not change anything in my virtual device, before this I have follow the intrusction from the nativewind v2 wbesite…
I'm building a page using Next.js and Tailwind CSS, where I am dynamically generating some classes based on JavaScript variables. Some classes, like padding and border styles, are working as expected, but Tailwind CSS classes for rounded corners (such as…
function App() { return ( <div className = "flex-row justify-items-center" > <h1> MINIMAL LOL </h1> </div > ); } ReactDOM.render( < App / > , document.getElementById('root')); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js"></script> <script src="https://cdn.tailwindcss.com"></script> <div id="root"></div> This works as intended on Chrome:…
I'm using tailwind, vite, and react I have an 2 elements, thats look like this : <div class="font-normal bg-grey appearance-none rounded-3xl w-full leading-tight border-none ring-0 text-sapin focus:bg-menthe focus:outline-none focus:shadow-outline focus:placeholder:text-transparent placeholder:font-thin placeholder:text-sapin-500 py-0 px-5 sm:py-2 w-20"></div> In localhost, it working…
My concern is with the warning I get every time I run the server fontFamily "Inter-SemiBold" is not a system font and has not been loaded through expo-font. fontFamily "Inter-Regular" is not a system font and has not been loaded…
I am trying to create a <textarea> that automatically resizes based on the content inside it. However, it sometimes grows too large, larger than the content is. I am using tailwind in the code, I am testing it in Firefox…