From 8137a59642036ec310e675d432788108d556612c Mon Sep 17 00:00:00 2001
From: hongsujin2eeZyo <hong266770@gmail.com>
Date: Sat, 29 Mar 2025 02:42:48 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B3=BC=EC=A0=9C=EB=8B=A4=EC=98=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "1\353\262\210 \352\263\274\354\240\234/1.css" | 13 ++++++++++---
 "2\353\262\210 \352\263\274\354\240\234/2.css" |  6 ++++++
 "3\353\262\210 \352\263\274\354\240\234/3.css" | 15 +++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git "a/1\353\262\210 \352\263\274\354\240\234/1.css" "b/1\353\262\210 \352\263\274\354\240\234/1.css"
index 127ba49..189bf7c 100644
--- "a/1\353\262\210 \352\263\274\354\240\234/1.css"	
+++ "b/1\353\262\210 \352\263\274\354\240\234/1.css"	
@@ -5,15 +5,22 @@
     }
 .circle-container {
     background-color: beige;
-    /* 코드 작성 */
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
 }
 .circle {
     border-radius: 50%;
-    background-color: burlywood;
+    background-color: rgb(114, 150, 120);
     width: 30vw;
     height: 30vw;
     margin-top: 1vw;
     font-weight: bold;
     font-size: 50px;
-    /* 코드 작성 */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
 }
\ No newline at end of file
diff --git "a/2\353\262\210 \352\263\274\354\240\234/2.css" "b/2\353\262\210 \352\263\274\354\240\234/2.css"
index ab6d4d0..4c0f26c 100644
--- "a/2\353\262\210 \352\263\274\354\240\234/2.css"	
+++ "b/2\353\262\210 \352\263\274\354\240\234/2.css"	
@@ -9,6 +9,9 @@ body {
   display: flex;
   flex-direction: column; 
   /* 코드 작성 */
+  display: flex;
+  flex-direction: row-reverse;
+  flex-grow: 1;
 }
 
 .box {
@@ -21,6 +24,9 @@ body {
   justify-content: center;
   align-items: center;
   /* 코드 작성 */
+  display: flex;
+  flex-direction: row-reverse;
+  flex-grow: 1;
 }
 
 .box-1 {
diff --git "a/3\353\262\210 \352\263\274\354\240\234/3.css" "b/3\353\262\210 \352\263\274\354\240\234/3.css"
index e309823..412ba03 100644
--- "a/3\353\262\210 \352\263\274\354\240\234/3.css"	
+++ "b/3\353\262\210 \352\263\274\354\240\234/3.css"	
@@ -2,6 +2,12 @@
 
 #wrapper {
     width: 700px;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    flex-grow: 1;
+
+ 
   }
   .box {
     padding: 15px;
@@ -9,17 +15,26 @@
     font-size: 20px;
     font-weight: bold;
     text-align: center;
+
   }
 
   .box1 {
     background-color: #3689ff;
+    grid-column:span 2;
+  
+
   }
  .box2 {
     background-color: #00cf12;
+   
   }
   .box3 {
     background-color: #ff9019;
+    grid-column: 1;
+    grid-row: span 2;
  }
  .box4 {
     background-color: #ffd000;
+    grid-column: 3;
+    grid-row: span 2;
   }
\ No newline at end of file