Article Preview Component | HTML / JS / Tailwind CSS

This is my first time using Tailwind CSS, so it took some time to adjust to using utility classes instead of a traditional stylesheet. In my previous projects, I was accustomed to writing descriptive class names, but with Tailwind, I only used its predefined classes. For simple elements with minimal styling, readability is straightforward. However, when dealing with elements that have multiple states (e.g., hover) or pseudo-elements (e.g., after), the class names can become quite long. This can make it a bit challenging to decide on the best structure to ensure flexibility for future adjustments.