Missing Tailwind Classes like: grid grid-cols-*

[sameraw]

I am having an issue where i cannot use tailwind grid class and some other classes.
For example:
wp_enqueue_script( 'tailpress', tailpress_asset( 'js/app.js' ), array(), $theme->get( 'Version' ) );
Causes the grid element to look like this:

When I remove it and add the regular tailwind library:
wp_enqueue_script( 'tailpress', tailpress_asset( 'js/tailwind.js' ), array(), $theme->get( 'Version' ) );
It looks fine:

there seems to be missing CSS classes native to Tailwind.

[sameraw]

Try using the following:

<div class="grid grid-cols-2 md:grid-cols-5 gap-4">
<div>Some Text </div>
<div>Some Text </div>
<div>Some Text </div>
<div>Some Text </div>
<div>Some Text </div>
</div>

[jeffreyvr]

Hi, You have to specify which files Tailwind CSS needs to look at, you can define them here:

https://github.com/jeffreyvr/tailpress/blob/master/tailwind.config.js#L6

Of course, in addition to that you need to have the compiler running.

Using the JS version of Tailwind is not recommended for production, as noted here https://tailwindcss.com/docs/installation/play-cdn.