diff --git a/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md b/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md
index 5451adc82..d46d4d1cd 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md
@@ -1 +1,9 @@
-# Css modules
\ No newline at end of file
+# CSS Modules
+
+CSS files in which all class names and animation names are scoped locally by default.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Official Website' colorScheme="blue" href='https://github.com/css-modules/css-modules'>Project GitHub Repository</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://medium.com/@ralph1786/using-css-modules-in-react-app-c2079eadbb87'>Using CSS Modules In React App</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=pKMWU9OrA2s'>CSS Modules: Why are they great?</BadgeLink>
+