diff --git a/topics/responsive-design/index.md b/topics/responsive-design/index.md
new file mode 100644
index 00000000000..4c52b5eeb8e
--- /dev/null
+++ b/topics/responsive-design/index.md
@@ -0,0 +1,8 @@
+---
+display_name: Responsive Design
+short_description: Tools and techniques for building layouts that adapt to any screen size.
+topic: responsive-design
+wikipedia_url: https://en.wikipedia.org/wiki/Responsive_web_design
+related: css, media-queries, mobile, web-design, frontend
+---
+Responsive design is an approach to web development that ensures content renders well on a variety of devices and screen sizes. It uses techniques like media queries, fluid grids, flexible images, and container queries to create adaptive user interfaces. Modern responsive design also encompasses user preference detection such as dark mode and reduced motion through CSS preference media queries.
\ No newline at end of file