diff --git a/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md b/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md
index 30afd5ee2..7518d881d 100644
--- a/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md
+++ b/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md
@@ -1 +1,8 @@
-# Less
\ No newline at end of file
+# Less
+
+Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://lesscss.org/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://lesscss.org/usage/'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=YD91G8DdUsw'> Less CSS Pre-Processor Tutorial</BadgeLink>