From 999311675079358b74391f56e690f2c6f9b4313b Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 13 May 2025 22:56:29 +0530 Subject: [PATCH 1/9] Add files via upload --- index.html | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/index.html b/index.html index b31afbf..4bc900e 100644 --- a/index.html +++ b/index.html @@ -1,30 +1,30 @@ + - Project 1 + Project 5 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
- +
+
+
+
+
+
+
+ +
+
+
\ No newline at end of file From b7c6f900bb12cc76a53c029c8935c93978c1328c Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 13 May 2025 22:59:45 +0530 Subject: [PATCH 2/9] Add files via upload --- style.css | 150 +++++++++++++++++++++++++++++------------------------- 1 file changed, 82 insertions(+), 68 deletions(-) diff --git a/style.css b/style.css index a55070f..c981301 100644 --- a/style.css +++ b/style.css @@ -1,77 +1,91 @@ +:root{ + --bg: #9dc783; + --container:#fff; + --red:#d01010; + --dark-green:#0AAE42; + --light-green:#1bff69; +} -* { +*{ margin: 0; padding: 0; box-sizing: border-box; - } - body{ - background-color: #ebd6fb; - } - - .container { - max-width: 1200px; - height: 800px; - background-color:white; - margin: 80px 60px; - } - - .box { +} + +body{ + +background-color: var(--bg); + +} + +.container{ + max-width: 1050px; + margin: 0 auto; + background-color: var(--container); +} + +.top-container{ + min-height: 550px; + width: 1050px; + margin-top: 32px; + display: grid; + grid-template-columns: 1fr 1fr; + gap:16px ; + padding: 16px; +} + +.red-box { + background-color: var(--red); + height: 100%; width: 100%; - height: 200px; - background-color: white; - } - - .box-container { +} + +.bottom-container{ + margin-top: 24px; + min-height: 350px; display: flex; - - } - - .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 < 450px) { - .container { - margin: 24px 16px; + flex-direction: column; + padding: 16px; + gap: 16px; +} + +.dark-green-box{ + background-color: var(--dark-green); + width: 100%; + height: 100%; + flex-grow: 1; +} + +.light-green-box{ + background-color: var(--light-green); + width: 100%; + height: 100%; +} + +.green-grid{ + height: 68px; + display: grid; + + gap: 16px; + grid-template-columns: 1fr 1fr 1fr 1fr ; +} + + +@media screen and ( width > 1200px ){ + .layout-main-spacing { + padding: 32px; } + +} + +@media screen and ( width < 1200px) and (width > 450px) { + .layout-main-spacing { + padding: 64px; } - - +} - - \ No newline at end of file +@media screen and (width < 600px){ + .layout-main-spacing { + padding: 16px; + } +} \ No newline at end of file From 47c41e8c4d82bdbc3525e26c83024c79d5836efd Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 14 May 2025 16:46:44 +0530 Subject: [PATCH 3/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a97baf8..822ea53 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout-1-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> From d7cf47791c2d52e60078a93d8f3e4c2e00e6280d Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 14 May 2025 23:32:50 +0530 Subject: [PATCH 4/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 822ea53..997151d 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://layout5-html-css-by-subhajit.netlify.app/ From bace89406d2fda5f55d930cd8bd9d3df7c149421 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 14 May 2025 23:55:48 +0530 Subject: [PATCH 5/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 997151d..1601f57 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ From eb5d6efb6878d084057187c95b68be1ddb246828 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:05:37 +0530 Subject: [PATCH 6/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1601f57..4ebdab4 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ From 6543ff5cb86b701c20c809dd4e648496e8d74045 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:39:14 +0530 Subject: [PATCH 7/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4ebdab4..102c96b 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ From 337c922ca66f3ce8ff1b2dce59550bf1f4567ff5 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 13:11:10 +0530 Subject: [PATCH 8/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 102c96b..30e72b7 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ +View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ From 19a4197ef5d54d8f92ffc6f61570d121daa9d12e Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 22:43:20 +0530 Subject: [PATCH 9/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 30e72b7..88349d1 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -View this layout projects click here >> https://layout5-html-css-by-subhajit.netlify.app/ +View this layout projects click here >>https://layout5-html-css-by-subhajit.netlify.app/