diff --git a/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md b/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
index 826d079b1..01f8e5e01 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
@@ -1 +1,6 @@
-# Custom elements
\ No newline at end of file
+# Custom Elements
+
+One of the key features of the Web Components standard is the ability to create custom elements that encapsulate your functionality on an HTML page, rather than having to make do with a long, nested batch of elements that together provide a custom page feature.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements'>Using custom elements | MDN web docs</BadgeLink>