Is there anyway to use the theme() syntax for declaring a css variable with tailwind and using an opacity modifier after?

The @apply works if used in app.css, but I would like to declare styles close to JS elements, not in separate app.css.

Hi I’m a web dev student and I was assigned to finish a simple web design using tailwind css and reactjs, I was taught about it yesterday so there are a lot of things I don’t know about it. I’m trying to make a background using circle shapes and I stumbled upon an issue where I can’t seem to place the shapes on the right side, I’m sorry I need some help about this.

I want to add some custom color to tailwind and use them in the css.

screenshot of the wranings

I’m using Tailwind with all features disabled by default on core plugins section.
How do I enable the usage of top-0, bottom-0, etc for use?
I’ve already enabled the inset option but it keeps not working, should I enable another option?

I am trying to create a below Expected output using Tailwind css. First column has some text inside and second, third column has images with the below desired shape. How can we achieve this ?

Here is the simplest plugin i Tried to write, but it doesn’t work.

I am working on a MERN Booking project and need to style the hotel search result card. The styling works well on smaller screens and browser till 90% zoom. However zooming beyond that there is an overlap of content within the card (+ x more and the view more button). The code for the component: