DEV Community 👩‍💻👨‍💻

Discussion on: Normal to struggle with Tailwind?

Collapse
 
shigetorum profile image
Edge

TailwindCss essentially improves inline styling.

If you learn Tailwind you'l find yourself with ease when it comes to writing normal CSS, as many class names are similar in CSS.

Take this example:

<div class="flex items-center justify-center h-screen"> Hello World! </div>
Enter fullscreen mode Exit fullscreen mode

It can easily be converted to:

.class {
  display: flex;
  align-items: center;
  justify-content: center;
  height:100vh;
}
Enter fullscreen mode Exit fullscreen mode

It's also all about practice, eventually you'll get it.