You can do both of those things with Tailwind. Put the css only components at the bottom and use them in your main component if you want. Break the classes over multiple lines if you want.
The difference between your 2 examples is that TW allowed you to handle media queries seamlessly but you couldn't do that in your styles example.
The difference between your 2 examples is that TW allowed you to handle media queries seamlessly but you couldn't do that in your styles example.