From 9a976c6c12611840638e812ef629eae32a6fcd58 Mon Sep 17 00:00:00 2001
From: Archit Sharma <74408634+iArchitSharma@users.noreply.github.com>
Date: Fri, 4 Feb 2022 12:58:16 +0700
Subject: [PATCH] Resources added for Styled Components (#1105)

* Resources added for Styled Componenets

* Update content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../content/112-modern-css/100-styled-components.md    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md b/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md
index 209d27f0e..9daecf6fd 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md
@@ -1 +1,9 @@
-# Styled components
\ No newline at end of file
+# Styled components
+
+Styled-components is a CSS-in-JS library that enables you to write regular CSS and attach it to JavaScript components. With styled-components, you can use the CSS you’re already familiar with instead of having to learn a new styling structure.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://styled-components.com/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://styled-components.com/docs'>Official Docs</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=02zO0hZmwnw'>Styled Components Crash Course & Project</BadgeLink>