I am using React and Tailwind. I am trying to conditionally render navbar elements based on whether a user is logged in or not. The items show in the navbar but they do not change based on whether the user…
The background image is not showing. I also tried "bg-[url('/image/example.jpeg')" tailwind.config.js theme: { extend: { colors: { darkBlue: "#0D1A32", }, backgroundImage: { "hero-image": "url('/app/images/lentcm93p_1.jpg')", }, }, }, plugins: [], }; Page.js export default function Home() { return ( <> <div…
I am learning tailwind in react and want to put dynamic value into css using tailwind. I am used to MUI and there its quite simple like <Box sx={{ width: dynamicValue }} /> How do I do such thing in…
The markdown is not working except for italic and bold. I have figured out that the problem is caused by Tailwind CSS because of how it handles text-size and other styles. If I comment out the index.css import (which defines…
I've created a grid with inside several items. Each item could have a different height. Inside each item, I'd like to have a text aligned in the bottom, but I'm not able to do that. This is the code I…
How can I create a multi-colored border like the image below? Currently, I'm working in Tailwind. It would be better if it were possible in Tailwind. I tried with gradient and nothing match my requirement
I'm using Tailwind for a personal project with NextJS, but the updates of styles get bugged. Like a lot. It's around 50/50 chance that Tailwind will apply the style to the component, or I have to restart the dev server,…
I'm using TailwindCSS and trying to implement a shimmer effect for an item card component. I'm trying to build exactly the same item card but with static data to be replaced while the dynamic data is being fetched. the problem…
Tailwindcss supports both outline utility and ring. While I understand that ring is implemented using shadows, I'm not sure what's the use case to use each of them. Do you have an example when to use what and why? Is…
This is a landing page Landing Page Website Raact. When I scroll down my slider came on front of navbar which is displayed in the bottom image Error in this Part. So please help me to out to put slider…