From 4b685a7ed6f3cb5dd59a9091ffa243647c8cc90d Mon Sep 17 00:00:00 2001 From: Sara han Date: Tue, 29 Oct 2024 16:58:14 +0900 Subject: [PATCH 1/4] third commit --- index.html | 3 +-- style.css | 13 +++++++------ 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 0f7d384..17000ec 100644 --- a/index.html +++ b/index.html @@ -15,9 +15,8 @@ box2
- box4 + box3
-
추가햇다 이부분
diff --git a/style.css b/style.css index 8c5e1df..aa2c9f2 100644 --- a/style.css +++ b/style.css @@ -3,6 +3,7 @@ width: 100%; height: 100vh; display: flex; + justify-content: space-between; } @@ -12,12 +13,12 @@ background-color: gray; } -.s-box-th { - position: absolute; - right: 7px; +.s-box-se { + position: relative; + top: 100px; } -.s-box-se { - position: absolute; - right: 117px; +.s-box-th { + position: relative; + top: 200px; } \ No newline at end of file From f01f5a2b3796d45a3dc456d0b72e7f00cdb368d1 Mon Sep 17 00:00:00 2001 From: Sara han Date: Wed, 30 Oct 2024 08:25:53 +0900 Subject: [PATCH 2/4] 4th commit --- index.html | 20 ++++++++------------ style.css | 31 ++++++++++++++++--------------- 2 files changed, 24 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index 17000ec..cd0c941 100644 --- a/index.html +++ b/index.html @@ -7,18 +7,14 @@ -
-
- box1 -
-
- box2 -
-
- box3 -
- +
+
+ box1 +
+ box2 +
+
- + \ No newline at end of file diff --git a/style.css b/style.css index aa2c9f2..801ddb7 100644 --- a/style.css +++ b/style.css @@ -1,24 +1,25 @@ -.m-box { - border: 1px solid red; - width: 100%; - height: 100vh; +.main { display: flex; - justify-content: space-between; - + justify-content: center; } -.s-box { +.box { width: 100px; - height: 100px; - background-color: gray; + height: 100px; + background-color: purple; + color: white; } -.s-box-se { - position: relative; - top: 100px; +.box-big { + width: 200px; + height: 200px; + background-color: black; + color: white; + position: relative } -.s-box-th { - position: relative; - top: 200px; +.box-position { + position: absolute; + left: 50px; + top: 50px; } \ No newline at end of file From 5130f0b1393f1415823b3134922335c1775d8960 Mon Sep 17 00:00:00 2001 From: Sara han Date: Wed, 30 Oct 2024 08:31:08 +0900 Subject: [PATCH 3/4] 5th commit --- index.html | 4 ++-- style.css | 16 ++++++++-------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index cd0c941..6c37563 100644 --- a/index.html +++ b/index.html @@ -8,9 +8,9 @@
-
+
box1 -
+
box2
diff --git a/style.css b/style.css index 801ddb7..3c13273 100644 --- a/style.css +++ b/style.css @@ -1,21 +1,21 @@ .main { display: flex; - justify-content: center; + } -.box { +.box2 { width: 100px; height: 100px; - background-color: purple; + background-color: black; color: white; } -.box-big { - width: 200px; - height: 200px; - background-color: black; +.box1 { + width: 100px; + height: 100px; + background-color: purple; color: white; - position: relative + position: relative; } .box-position { From 1a7a80f61dc6d1eddac0e293a3d01a8b8992f3fb Mon Sep 17 00:00:00 2001 From: Sara han Date: Wed, 30 Oct 2024 08:55:56 +0900 Subject: [PATCH 4/4] 6th commit --- index.html | 17 +++++++++++------ style.css | 31 ++++++++++++++++++------------- 2 files changed, 29 insertions(+), 19 deletions(-) diff --git a/index.html b/index.html index 6c37563..9d6cc70 100644 --- a/index.html +++ b/index.html @@ -8,13 +8,18 @@
-
- box1 -
- box2 +
+ box1 +
+ box2
-
+
+ box3 +
+
- + + + \ No newline at end of file diff --git a/style.css b/style.css index 3c13273..59b89f1 100644 --- a/style.css +++ b/style.css @@ -1,25 +1,30 @@ .main { display: flex; - + border: 1px solid black; + height: 100vh; + justify-content: flex-end; + align-items: end; } - -.box2 { - width: 100px; - height: 100px; +.big-box { + width: 400px; + height: 150px; background-color: black; color: white; + position: relative; } - -.box1 { +.box { width: 100px; height: 100px; background-color: purple; color: white; - position: relative; } - -.box-position { +.box-position1 { position: absolute; - left: 50px; - top: 50px; -} \ No newline at end of file + top: 0px; + right: 0px; +} +.box-position2 { + position: absolute; + bottom: 0px; +} +