From ae5d9c73cedf65c9d1aeb116645770bf0420876f Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Fri, 9 May 2025 22:11:19 +0530 Subject: [PATCH 01/10] Add files via upload --- index.html | 28 ++++------ style.css | 146 ++++++++++++++++++++++++++++------------------------- 2 files changed, 85 insertions(+), 89 deletions(-) diff --git a/index.html b/index.html index b31afbf..4df36e8 100644 --- a/index.html +++ b/index.html @@ -3,28 +3,18 @@ - Project 1 + Project 3 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ +
+
+
+
+
+ +
\ No newline at end of file diff --git a/style.css b/style.css index a55070f..a5bc163 100644 --- a/style.css +++ b/style.css @@ -1,77 +1,83 @@ - -* { +*{ margin: 0; padding: 0; box-sizing: border-box; - } - body{ - background-color: #ebd6fb; - } - - .container { +} + +body { + background-color: #7adfff; +} + +.container { max-width: 1200px; - height: 800px; - background-color:white; - margin: 80px 60px; - } - - .box { - width: 100%; - height: 200px; - background-color: white; - } - - .box-container { - display: flex; + min-height: 800px; + margin: 52px auto; + padding: 0 16px; +} + +.grid { + display: grid; + gap: 20px; + grid-template-areas: + "box1 box1 box1 box3" + "box2 box2 box2 box3" + "box4 box4 box4 box3"; +} + +.box1 { + + grid-area: box1; + background : #7f8eec; +} + +.box2{ + + grid-area: box2; + background: #0a1e3c; +} + +.box3{ + + grid-area: box3; + background: #005c79; +} + +.box4 { + grid-area: box4; + background: #009DD1; +} + + +@media screen and (width > 1200px) { - } - - .box1 { - background-color: #eec4dc; - } - - .box2 { - background-color:#e5a0c6 ; - } - .box3 { - background-color: #e27bb1; - } - .box4 { - background-color:#e2619f ; - } - .box5 { - background-color: #e44b8d; - } - .box6 { - background-color:#d24787 ; - } - .box7 { - background-color: #bb437e; - } - .box8 { - background-color: #a53e76; - } - - - @media screen and (width > 1200px) { - .container { - margin: 80px auto; - } - } - - @media screen and (width < 1200px) and (width > 450px) { - .container { - margin: 40px 24px; +} + + +@media screen and (width < 1200px ) and ( width > 450 ){ + + .grid{ + gap:16px; + } + +} + + +@media screen and (width <450px) { + .container{ + margin: 20px auto; } - } - - @media screen and (width < 450px) { - .container { - margin: 24px 16px; + .grid { + gap:16px; + grid-template-areas: + "box1" + "box1" + "box2" + "box2" + "box2" + "box2" + "box3" + "box3" + "box3"; } - } - - - - - \ No newline at end of file + +} From 601871cf72b3bbb7dda57baec23e964a39a2f11d Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Fri, 9 May 2025 22:12:14 +0530 Subject: [PATCH 02/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7a72fc9..822ea53 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://html-css-project-1-by-subbhajit.netlify.app/ +View this layout projects click here >> From d0eab737891f001bf751135753279198acbaba72 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Sat, 10 May 2025 17:13:30 +0530 Subject: [PATCH 03/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 822ea53..524ee7e 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> +View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ From f2df4ea22c85c358c5e290931299c56703f00223 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Mon, 12 May 2025 19:59:15 +0530 Subject: [PATCH 04/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 524ee7e..42881d3 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ From a1cae8eb1f99fd4dfa349e4d8a40defa175b8155 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 14 May 2025 23:34:00 +0530 Subject: [PATCH 05/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 42881d3..524ee7e 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ From 7851f6123fc08a65b8cc656a3b9dbef15b4716b6 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 14 May 2025 23:47:32 +0530 Subject: [PATCH 06/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 524ee7e..42881d3 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ From 742d06611ee87b24bf4c169c7870fe5890bf8ddc Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 20 May 2025 20:19:02 +0530 Subject: [PATCH 07/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 42881d3..5c3f32f 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ From 81d484cd92ef1cb1af31a549f18c2e9fbf8062af Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:05:08 +0530 Subject: [PATCH 08/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 5c3f32f..42881d3 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ From d9a380a580a3e45b17238a0555a842544c042b78 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 22:42:16 +0530 Subject: [PATCH 09/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 42881d3..25a94b7 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/ +View this layout projects click here >>https://layout3-html-css-by-subhajit.netlify.app/ From d99e7e47cfe867c7e92ba04eaf3a588de3254675 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 3 Jun 2025 23:20:54 +0530 Subject: [PATCH 10/10] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 25a94b7..038c75f 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >>https://layout3-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout3-html-css-by-subhajit.netlify.app/