From 053cd03b8be2ddb51fbde9156f9bb1b379342257 Mon Sep 17 00:00:00 2001
From: Ahmad Moghazi <49992538+moghaazi@users.noreply.github.com>
Date: Wed, 8 Dec 2021 18:37:33 +0200
Subject: [PATCH] Add interactive content for tailwind-css

---
 .../114-js-first/100-tailwind-css.md              | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
index d2015b322..df7c3033f 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
@@ -1 +1,14 @@
-# Tailwind css
\ No newline at end of file
+# 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>