From 299e0e6997cc002f0b5bc09b64c9bf20bbc6d2d2 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 7 May 2025 23:59:36 +0530 Subject: [PATCH 01/10] Add files via upload --- index.html | 40 ++++++++--------- style.css | 126 ++++++++++++++++++++++++----------------------------- 2 files changed, 78 insertions(+), 88 deletions(-) diff --git a/index.html b/index.html index b31afbf..68855fb 100644 --- a/index.html +++ b/index.html @@ -3,28 +3,28 @@ - Project 1 + Project2 -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- \ No newline at end of file + \ No newline at end of file diff --git a/style.css b/style.css index a55070f..bbafb2e 100644 --- a/style.css +++ b/style.css @@ -1,77 +1,67 @@ - -* { +*{ margin: 0; padding: 0; box-sizing: border-box; - } - body{ - background-color: #ebd6fb; - } - - .container { +} +body { + background-color: rgb(183, 233, 233); +} + +.container{ max-width: 1200px; - height: 800px; - background-color:white; - margin: 80px 60px; - } - - .box { - width: 100%; - height: 200px; - background-color: white; - } - - .box-container { - 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; + min-width: 800px; + margin: 72px 62px; + padding: 0 , 16px; + +} + + +.box { + width: 100%; + background-color: white; + height: 269px; +} + + +.grid{ + display: grid; + grid-template-columns: repeat(4, 1fr) ; + gap: 20px; + +} + +@media screen and (width > 1200px){ + .grid{ + grid-template-columns: repeat(4, 1fr ); } - } - - @media screen and (width < 1200px) and (width > 450px) { - .container { - margin: 40px 24px; + + .container { + margin: 72px auto; + } +} + + +@media screen and (width <1200px) and ( width >450px) { + .grid{ + grid-template-columns:repeat( 2, 1fr ); + gap: 16px; } - } - - @media screen and (width < 450px) { + .container { + margin: 48px auto; + } + +} + +@media screen and (width < 450px) { + .grid { + grid-template-columns: repeat(1, 1fr) ; + gap: 16px; + } + .container { - margin: 24px 16px; + margin: 32px auto; } - } - - +} + - - \ No newline at end of file + From 73541af5a9d55bfc7e3fe0c836f76524c3015fa9 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 8 May 2025 00:05:25 +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 81f30e9..1f193fb 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project -https://html-css-project-1-by-subbhajit.netlify.app/ + From 4e7707ba627aa8642927273f9d77cfd6d5514ae1 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 8 May 2025 00:05:58 +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 1f193fb..4001468 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project - + From f2cbff07f9ba204ae527f98f776654289a63bab6 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 8 May 2025 20:01:20 +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 4001468..ff26038 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project - + View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ From 3361e4d4b8d152522d562c4f678f3ebb335ca951 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 14 May 2025 23:33:38 +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 ff26038..afef5c5 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project - View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ + View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ From 5728e375a25d2e77bdc54da5a7e2e49b1b8a106a Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 20 May 2025 20:18:52 +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 afef5c5..d84f24d 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project - View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ + View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ From e5c81a8e755d9ec5b73e7805b36a9ba96fb1e353 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:05:22 +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 d84f24d..afef5c5 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project - View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ + View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ From 575a694c3acaa161b8e22e0510960e6c16ccbef7 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Wed, 21 May 2025 23:38:41 +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 afef5c5..9d611ac 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project - View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ + View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ From 5beb8d610b154babb45e1bd1ae1bd548e281655d Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Thu, 22 May 2025 22:41:50 +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 9d611ac..511a523 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ # HTML-CSS-Project - View this layout projects click here >> https://layout2-html-css-by-subhajit.netlify.app/ + View this layout projects click here >>https://layout2-html-css-by-subhajit.netlify.app/ From 82b6022fda3f2d3965df6102aed4d5e57f35ed30 Mon Sep 17 00:00:00 2001 From: Subhajit Das Date: Tue, 1 Jul 2025 22:48:20 +0530 Subject: [PATCH 10/10] Update README.md --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 511a523..be3b7cf 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,4 @@ # HTML-CSS-Project - View this layout projects click here >>https://layout2-html-css-by-subhajit.netlify.app/ +🔗 **Live Demo : + +👉👉 https://layout2-html-css-by-subhajit.netlify.app/