Seems like Tailwind only works partially

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