3 bullet points, each has to repeat the same thing:
<li class="flex items-start"> <span class="h-6 flex items-center sm:h-7">
<li class="flex items-start"> <span class="h-6 flex items-center sm:h-7">
<li class="flex items-start"> <span class="h-6 flex items-center sm:h-7">
vs classes:
<li class="bulletpoint__container"> <span class="bulletpoint">
<li class="bulletpoint__container"> <span class="bulletpoint">
<li class="bulletpoint__container"> <span class="bulletpoint">
And when you have this all around your project, and then you decided to change 1 thing. How Tailwind makes it easier here?
I tried to inspect the Tailwind styles in browser - sorry, but it looks like nightmare.