This code works when there is no class prose
on <main>
:
<div class="flex flex-row gap-3 w-full"><div class="basis-1/2 bg-yellow-50 p-10"> 123</div> <div class="basis-1/2 bg-yellow-50 p-10"> abc</div> </div>
However, the class prose
from the Typography plugin is added:
- <main class="flex flex-row gap-3 w-full">+<main class="prose flex flex-row gap-3 w-full">
Then all element's widths shrink:(Tailwind Play)
Why is that the case? How to prevent it?