diff --git a/src/styles.css b/src/styles.css
index 59fd797..c72eaed 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -39,18 +39,50 @@
     https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors
 */
 
-.two-column-grid__expand-two {}
+.container {
+  display: grid;
+  gap: 10px;
+}
+
+.two-column-grid__expand-two {
+  grid-template-columns: 1fr 4fr;
+}
+
+.three-column-grid {
+  grid-template-columns: 1fr 1fr 1fr;
+}
+
+.three-column-grid__expand-two {
+  grid-template-columns: 1fr 14fr 1fr;
+}
 
-.three-column-grid {}
+.five-column-grid {
+  grid-template-columns: repeat(5, 1fr);
+}
 
-.three-column-grid__expand-two {}
+.center-grid {
+  grid-template-columns: 1fr;
+  justify-content: center;
+}
 
-.five-column-grid {}
+.centered {
+  width: 10em;
+  margin: auto;
+}
 
-.center-grid {}
+.grid-in-grid-1 {
+  grid-template-columns: repeat(2, 1fr);
+}
 
-.grid-in-grid-1 {}
+.box {
+  display: grid;
+  grid-auto-flow: column;
+  gap: 10px;
+}
 
-.grid-in-grid-2 {}
+.grid-in-grid-2 {
+  grid-template-columns: 1fr 8fr 3fr;
+}
 
-.grid-madness {}
+.grid-madness {
+}