I am creating one responsive design where i need to use three column inside header for all the device resolution.

As you can see in the link below, I added the group class and used group-open to implement animation for the content, but it doesn’t work properly.

I’m using HTML + Tailwind CSS + PrelineUI only.

I have the following in a file, generated by javascript.
As one can see it is using TailWindCSS.

Trying to center the image while having the nav bar set on the right of the page

I have a small question. I have custom tailwind screen sizes in my tailwind config and I want to conditionally use classes based on the screen sizes. Is that possible with tailwind? class = “logo tablet: logo-text desktop:logo-text”