<tr className=”border border-[#D9DCED] rounded-t-[8px] “> <th className=”font-[700] py-3 px-6″>Title</th> <th className=”font-[700] py-3 px-6 text-center cursor-pointer”> Price </th> </tr> I am using tailwind css to round the border but it’s not working . I am expecting the border to get rounded as well but it’s not working. tailwind-css

I wish to create a new tailwind class that combines a few properties like this:

Everytime I use a dark: selector in Tailwind, I also want to apply a transition:

I have a page that structure that divided the page in two and in LG screen size the content of the page is not shown completely. It disappears on the top of the page

I expected placeholder:no-underline to remove the underline of an input’s placeholder. However, placeholder-shown:no-underline does work. But I don’t understand the CSS that is being created. Why does one work and the other not?

I want to have a different background image for each breakpoints. i.e mobile, tablet and desktop

With tailwindcss 3.4.1 I have define a table, like :

I am having a few layout issues. I am creating a invoice layout. On the first row, I want the logo displayed in the top left corner, with the word Invoice under this. If no logo url provided, just the word invoice. On the right hand side, I want to display some business details. Currently I have this

I notice sometimes random classes not working inside @layer base or @layer components but working if I’m putting it outside of everything.

I notice sometimes random classes not working inside @layer base or @layer components but working if I’m putting it outside of everything.