diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md b/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md
index 2fb17959c..5c19ee2ad 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md
@@ -1 +1,7 @@
-# Css frameworks
\ No newline at end of file
+# CSS frameworks
+
+A CSS framework provides the user with a fully functional CSS stylesheet, allowing them to create a web page by simply coding the HTML with appropriate classes, structure, and IDs. Classes for popular website features like as the footer, slider, navigation bar, hamburger menu, column-based layouts, and so on are already included in the framework.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Docs' href='https://en.wikipedia.org/wiki/CSS_framework'>CSS Frameworks Introduction</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Benefits' href='https://css-tricks.com/what-are-the-benefits-of-using-a-css-framework/'>What are the benefits of using a css framework</BadgeLink>