I tried by making it relative, also tried by changing z index but still it is not working, I am new to tailwind, I want NavBar should stick and remain at the top and content should go behind the NavBar.…
I recently ran into an issue that my custom colors are not working whenever I make them dynamically. I will provide 2 codes and 2 screenshots, one with the dynamical code, one with the dynamical output, one with the static…
I'm having problems testing tailwindcss in DevTools, when i try to uncheck or unselect display: flex it will uncheck ALL display flexes from everywhere, as you can see i have chosen a div which has display flex and background color,…
i am trying to import a logo but i keep getting this error. the logo is in the assets in my src folder. import React from 'react'; import {logo} from '../assets' const Navbar = () => { return ( <div…
I have a checkbox in my Next.js project and after adding some Tailwind utility classes nothing takes effect except changes to width, height and cursor. Color, bg, border, etc. don't work. <div className="flex py-4 m-auto w-2/3 justify-between items-start"> <div className="w-1/7">…
I am trying to set the background image under my components. But it always is on top, so my elements are under it. Or in the second variant, all works fine, except that I can't apply blur-xl only to the…
I have a component where the generated HTML is for a simplistic bar chart. The height and background colour are computed in the component. This works fine but I want to solve the issue of long text causing displacement of…
I'm a bit confused about something that is hopefully quite simple, I'm extremely new to tailwind CSS, and even after looking into documentation I was not able to find the solution myself. I have an image that I want visible…
I am trying to find a way to add margin-auto to a tailwinds css class, so that I can center an svg image across a container. I can add the attribute in code inspect, but I cannot find the corresponding…
I want to add the add a border to my checkbox container when the checkbox is checked. Currently, I have this: <label htmlFor="choose-me" className= 'flex w-fit items-center justify-evely p-3 border-2 border-grey-4 text-grey-8 peer-checked:bg-light-indigo peer-checked:text-medium-indigo peer-checked:border-medium-indigo'> <input type="checkbox" id="choose-me" className="peer mr-3…