We've retired the forum in favor of GitHub Discussions.

New conversations can be started on GitHub. Existing conversations will remain for a while longer.

Head over to GitHub →

Seems like Tailwind only works partially

Julian Arnold November 4, 2020 by Julian Arnold

I'm new to both Statamic and Tailwind but very impressed. For whatever reason it seems that Tailwind only works partially. I have the following line of code:

<div>
    {{ collection:arrangements }}
    <h2>{{ title }}</h2>
    <div class="flex flex-row p-5">  
        <img class="h-48 object-cover" src="{{ image:0 }}" alt="{{ image:0:alt }}"/>
    <div>
    <div class="p-3">
        <p>{{ description }}</p>
    </div>
    </div>
    </div>
    {{ /collection:arrangements }}
</div>

although the class flex and flex-row works fine the p-5, h-48 and object-cover does not work at all... what am I missing? According to package.json I have "tailwindcss": "^1.8.0". Can anyone help?

Answered by John Carter!
>>>>>>> Answered <<<<<<<
7 Replies
1 Follower