I’m using NextJS with Tailwind and Headless UI, i have grabbed some menu dropdown component from headless ui and it works fine but i notice some styles that applies to MenuItems component such as position:absolute; top:54px;..etc, and these styles are applied dynamically, for example if i remove position:fixed; from header the dropdown top property will change its value, i am more interested in knowing how to know where styles come from than solving the problem, someone said go to the computed tab then select the style and it will show you the source, but that’s not happening as it doesn’t show you the source as well !

I’m using NextJS with Tailwind and Headless UI, i have grabbed some menu dropdown component from headless ui and it works fine but i notice some styles that applies to MenuItems component such as position:absolute; top:54px;..etc, and these styles are applied dynamically, for example if i remove position:fixed; from header the dropdown top property will change its value, i am more interested in knowing how to know where styles come from than solving the problem, someone said go to the computed tab then select the style and it will show you the source, but that’s not happening as it doesn’t show you the source as well !

I’m using NextJS with Tailwind and Headless UI, i have grabbed some menu dropdown component from headless ui and it works fine but i notice some styles that applies to MenuItems component such as position:absolute; top:54px;..etc, and these styles are applied dynamically, for example if i remove position:fixed; from header the dropdown top property will change its value, i am more interested in knowing how to know where styles come from than solving the problem, someone said go to the computed tab then select the style and it will show you the source, but that’s not happening as it doesn’t show you the source as well !

I’m using NextJS with Tailwind and Headless UI, i have grabbed some menu dropdown component from headless ui and it works fine but i notice some styles that applies to MenuItems component such as position:absolute; top:54px;..etc, and these styles are applied dynamically, for example if i remove position:fixed; from header the dropdown top property will change its value, i am more interested in knowing how to know where styles come from than solving the problem, someone said go to the computed tab then select the style and it will show you the source, but that’s not happening as it doesn’t show you the source as well !

Instead of just displaying a 404 error, the entire page’s colors are inverted, making the screen look very strange. This happens every time I navigate to a non-existent page.

I’m simply trying to see colors or anything but when I load the test page, CSS file is not loading. I’ve followed various fixes suggested here, but none have been successful. I’m using the latest version of Next.js, and I’ve even deleted the .next folder and rebuilt it, but it still isn’t functioning.

So, i wrote a div element with some buttons inside, i want to CLIP the background with the button element, so the button background will be colorful, but the background color for the element outside of the Button is black

As the number of items increases, the image shrinks. How can I make sure the image’s width and height are 500px and make sure it scrolls horizontally?

As the number of items increases, the image shrinks. How can I make sure the image’s width and height are 500px and make sure it scrolls horizontally?

basically, im using iconfiy with tailwind and addDynamicIconSelectors(), where you are supposed to add icon ass classes like this ‘className = ‘icon-[icon-name]”, and i have a costume component that accepts that name of the class and adds it to a div with the above className, the issue is tailwind is purging most (not all, for example ‘mdi:heart’ is working fine) classes and i see no icons, the icon component was already used many times in many components and pages and now im just updating it, since before i used the iconfity react component but it was causing a weird loading issue in next js where you see icons pop up, thats why i switched to tailwind