From ee354fe80acadc0a8df5c34ed916b895fa10fb12 Mon Sep 17 00:00:00 2001 From: amanjain1644 Date: Fri, 12 Jul 2024 13:07:51 +0530 Subject: pawn move added --- index.css | 27 ++++++++++++++++++++------- 1 file changed, 20 insertions(+), 7 deletions(-) (limited to 'index.css') diff --git a/index.css b/index.css index 271e489..f9e40ae 100644 --- a/index.css +++ b/index.css @@ -1,13 +1,25 @@ +*{ + font-size: 30px; + margin: 0; + padding: 0; +} + .white{ background-color: antiquewhite; - height: 100px; - width: 100px; + height: 76px; + width: 76px; + display: flex; + justify-content: center; + align-items: center; } .black{ - height: 100px; - width: 100px; - background-color: brown; + height: 76px; + width: 76px; + background-color: brown; + display: flex; + justify-content: center; + align-items: center; } body{ @@ -16,11 +28,12 @@ body{ display: flex; justify-content: center; align-items: center; + margin: 1px; } .chess-board{ - width: 800px; - height: 800px; + width: 608px; + height: 608px; display: grid; grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(8,1fr); -- cgit v1.2.3 From bb1ce7fe68a374f60b5cf85db318478f57beb0b9 Mon Sep 17 00:00:00 2001 From: amanjain1644 Date: Fri, 12 Jul 2024 15:15:13 +0530 Subject: modified the chess board --- index.css | 35 +++++++++++++++++++++-------------- 1 file changed, 21 insertions(+), 14 deletions(-) (limited to 'index.css') diff --git a/index.css b/index.css index f9e40ae..08324aa 100644 --- a/index.css +++ b/index.css @@ -1,25 +1,32 @@ *{ - font-size: 30px; margin: 0; padding: 0; } -.white{ - background-color: antiquewhite; +.box{ height: 76px; - width: 76px; - display: flex; - justify-content: center; - align-items: center; + width: 76px; + position: relative; +} +.top-corner{ + padding: 1px; + position: absolute; +} +.bottom-corner{ + padding: 1px; + position: absolute; + bottom: 2px; + right: 2px; } -.black{ - height: 76px; - width: 76px; - background-color: brown; - display: flex; - justify-content: center; - align-items: center; +.white{ + background-color: #eaead2; + color: #4b7299; +} + +.black{ + background-color: #4b7299; + color: #eaead2; } body{ -- cgit v1.2.3