Add interactive content for tailwind-css

content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md

@@ -1 +1,14 @@
-# Tailwind css
+# Tailwind css
+
+### Rapidly build modern websites without ever leaving your HTML.
+
+##### A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' href='https://tailwindcss.com/'>Tailwind Website</BadgeLink>
+<BadgeLink badgeText='Read' href='https://www.codemag.com/Article/2105091/Tailwind-CSS-An-Introduction'>Tailwind CSS: An Introduction
+</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Watch' href='https://www.youtube.com/watch?v=UBOj6rqRUME'>Tailwind CSS Crash Course
+</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Watch' href='https://www.youtube.com/watch?v=hdGsFpZ0J2E'>Should You Use Tailwind CSS?
+</BadgeLink>