From eb98b5a86b475c17bec9e190da5a4b5ed7326dd5 Mon Sep 17 00:00:00 2001
From: Atakan Temizkan <atikotemizkan@gmail.com>
Date: Thu, 16 May 2024 11:16:17 +0300
Subject: [PATCH] completed core criteria, will do advanced criteria later

---
 src/styles.css | 48 ++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 40 insertions(+), 8 deletions(-)

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 {
+}