I learned not to fear the arbitrary size feature of tailwind. While building out reader.waylonwalker.com I kept getting content flowing off the screen, and struggling to keep it on the screen. I really felt that I should be able to do this with vanilla tailwind, but after some encouragement from Twitter I decided to lean on arbitrary values and it worked.

Don't fear the arbitrary values.


<li class="max-w-[100vw]">
</li>

Learn more about using-arbitrary-values from their docs docs