Back
Styling with Tailwind CSS
2024-02
I started with traditional CSS and frameworks like Bootstrap before trying Tailwind. The utility-first approach felt strange at first — writing long class names in HTML seemed wrong — but after a day of using it, I was hooked.
What I Learned
- Utility Classes — building UIs with small, composable classes instead of custom CSS
- Responsive Design — using breakpoint prefixes like
sm:,md:,lg:for mobile-first layouts - Flexbox & Grid — layout patterns with Tailwind's flex and grid utilities
- Customization — configuring themes, colors, and fonts in the Tailwind config
Building Real Projects
I used Tailwind CSS for this portfolio. It made building a responsive site fast without writing custom CSS files for every component.
Where I Am Now
Tailwind is my default for styling. I can build responsive layouts quickly and customize it when needed without fighting the framework.