Tailwind Crash Course - Project Based Learning
Tailwind CSS vs. Bootstrap
- Tailwind does not have any pre-built components. (You may be used to goto the Bootstrap website, copying a bunch of HTML and some classes, pasting them in your project, and now everything is up and running. That is not how Tailwind Css works.
- Now this may seem like a disadvantage when you are learning Tailwind but at the end of the day, it is Easier to achieve a custom look with Tailwind. Most Bootstrap websites look kind of Bootstrap websites and that is what Tailwind setup to fix.
- Now one thing about Tailwind is that it Looks messy. When you first get started with Tailwind CSS, everything looks really messy. A lot of classes, a lot of stuff to look vs. 1 single class per element as you see in Bootstrap.
- Easy to Parse the look of that particular element from the code. You can see what colour it is, if it bolded or anything else that, that element had.
- It’s difficult to customize Bootstrap sometimes. You are constantly fighting with selectors and things like that to be able to actually customize a look and feel. Tailwind is designed to be Customized.
