From fc916d1a24bc467e35ce0d87829f5548a94a39cb Mon Sep 17 00:00:00 2001 From: ByeongYun0608 Date: Sun, 30 Mar 2025 13:18:09 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=EC=9E=84=EB=B3=91=EC=9C=A4=20CSS=20?= =?UTF-8?q?=EA=B3=BC=EC=A0=9C=20=EC=99=84=EB=A3=8C?= 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" | 9 +++++++-- "2\353\262\210 \352\263\274\354\240\234/2.css" | 8 +++++--- "3\353\262\210 \352\263\274\354\240\234/3.css" | 13 ++++++++++++- 3 files changed, 24 insertions(+), 6 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..d0b2ed2 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,7 +5,9 @@ } .circle-container { background-color: beige; - /* 코드 작성 */ + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr; } .circle { border-radius: 50%; @@ -15,5 +17,8 @@ margin-top: 1vw; font-weight: bold; font-size: 50px; - /* 코드 작성 */ + align-items: center; + display: flex; + align-items: center; + justify-content: 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..6121954 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" @@ -6,9 +6,9 @@ body { .container { height: 100%; + width: 100%; display: flex; - flex-direction: column; - /* 코드 작성 */ + flex-direction: row-reverse; } .box { @@ -20,18 +20,20 @@ body { display: flex; justify-content: center; align-items: center; - /* 코드 작성 */ } .box-1 { background-color: rgb(248, 223, 227); + flex-grow: 1; } .box-2 { background-color: rgb(247, 194, 202); + flex-grow: 2; } .box-3 { background-color: rgb(246, 142, 158); + flex-grow: 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..d2be324 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,7 +2,9 @@ #wrapper { width: 700px; - } + display: grid; + grid-template: 1fr 2fr / 1fr 1fr 1fr; +} .box { padding: 15px; color: #fff; @@ -13,13 +15,22 @@ .box1 { background-color: #3689ff; + grid-row: 1 / 2; + grid-column: 1 / 3; } .box2 { background-color: #00cf12; + grid-row: 2 / 3; + grid-column: 1 / 2; } .box3 { background-color: #ff9019; + grid-row: 1 / 2; + grid-column: 3 / 4; + } .box4 { background-color: #ffd000; + grid-row: 2 / 3; + grid-column: 3 / 4; } \ No newline at end of file From fd6e1adbc3551482e4a9a4ac5b834fffb062be82 Mon Sep 17 00:00:00 2001 From: ByeongYun0608 Date: Sun, 30 Mar 2025 13:22:06 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=EC=9E=84=EB=B3=91=EC=9C=A4=20CSS=20?= =?UTF-8?q?=EA=B3=BC=EC=A0=9C=20=EC=A0=9C=EC=B6=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "3\353\262\210 \352\263\274\354\240\234/3.html" | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git "a/3\353\262\210 \352\263\274\354\240\234/3.html" "b/3\353\262\210 \352\263\274\354\240\234/3.html" index 7768e14..a4acb97 100644 --- "a/3\353\262\210 \352\263\274\354\240\234/3.html" +++ "b/3\353\262\210 \352\263\274\354\240\234/3.html" @@ -3,7 +3,7 @@ - 3번 문제제 + 3번 문제