Tailwind + JS? No problem - my take on the "Article Preview Component"

What are you most proud of, and what would you do differently next time?

This was the first project where I finally got to use Tailwind—and more importantly, JavaScript!

Tailwind really impressed me. It saves a ton of time, and if you're already comfortable with vanilla CSS, the transition is super smooth. You don’t have to switch between your HTML and CSS files all the time—just apply utility classes and focus on layout, styling, and fine-tuning the design.

I also got to put my basic JavaScript knowledge into action. I used variables, functions, if...else, addEventListener, and some DOM manipulation. It felt great to build the interactivity I needed without running into major issues. Even though it’s just beginner-level stuff, it was really satisfying to see it all work!

What challenges did you encounter, and how did you overcome them?

I wouldn’t call them full-on challenges, but I definitely needed some time to get used to working with Tailwind CSS—especially figuring out how to apply classes efficiently while keeping the HTML readable. It also took a bit to learn how to customize Tailwind classes when the default values weren’t quite what I needed, which was important for getting things pixel-perfect in a project like this.

To get past that, I watched a few basic Tailwind tutorials, referred to the official docs, and regularly used this CHEAT SHEET. That combo really helped me get comfortable with the workflow.

What specific areas of your project would you like help with?

I’d really appreciate if someone could take a look at how I used Tailwind CSS and give me some feedback on how to keep it clean and readable. I tried to stay organized using comments, spacing, and indentation, but I’d love to pick up good habits early on and make sure I’m heading in the right direction.