diff --git a/docs/_pages/components.md b/docs/_pages/components.md
index 050cb2b4..ab911e62 100644
--- a/docs/_pages/components.md
+++ b/docs/_pages/components.md
@@ -154,6 +154,7 @@ categories:
           - caption: Responsive grid
             file: grid.html
             demo_file: grid-demo.html
+            extra_codepen_css: codepen-grid.css
             full_width: true
       - name: tabs
         caption: Tabs
diff --git a/src/grid/snippets/codepen-grid.css b/src/grid/snippets/codepen-grid.css
new file mode 100644
index 00000000..b7161893
--- /dev/null
+++ b/src/grid/snippets/codepen-grid.css
@@ -0,0 +1,11 @@
+.mdl-cell {
+  box-sizing: border-box;
+  background-color: #BDBDBD;
+  height: 200px;
+  padding-left: 8px;
+  padding-top: 4px;
+  color: white;
+}
+.mdl-grid:first-of-type .mdl-cell {
+  height: 50px;
+}