diff options
| -rw-r--r-- | index.css | 25 | ||||
| -rw-r--r-- | index.html | 97 |
2 files changed, 122 insertions, 0 deletions
diff --git a/index.css b/index.css new file mode 100644 index 0000000..852deed --- /dev/null +++ b/index.css @@ -0,0 +1,25 @@ +.white{ + background-color: antiquewhite; + height: 100px; + width: 100px; +} +.black{ + height: 100px; + width: 100px; + background-color: brown; +} +body{ + height: 100vh; + width: 100vw; + display: flex; + justify-content: center; + align-items: center; +} +.chess-board{ + width: 800px; + height: 800px; + display: grid; + grid-template-columns:repeat(8,1fr); + grid-template-rows:repeat(8,1fr); + +}
\ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..2810e75 --- /dev/null +++ b/index.html @@ -0,0 +1,97 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Chess</title> + <link rel="stylesheet" href="index.css"> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> +</head> +<body> + <div class="chess-board"> + <div> + <div class="1 white"></div> + <div class="2 black"></div> + <div class="3 white"></div> + <div class="4 black"></div> + <div class="5 white"></div> + <div class="6 black"></div> + <div class="7 white"></div> + <div class="8 black"></div> + </div> + <div> + <div class="2 black"></div> + <div class="1 white"></div> + <div class="4 black"></div> + <div class="3 white"></div> + <div class="6 black"></div> + <div class="5 white"></div> + <div class="8 black"></div> + <div class="7 white"></div> + </div> + <div> + <div class="1 white"></div> + <div class="2 black"></div> + <div class="3 white"></div> + <div class="4 black"></div> + <div class="5 white"></div> + <div class="6 black"></div> + <div class="7 white"></div> + <div class="8 black"></div> + </div> + <div> + <div class="2 black"></div> + <div class="1 white"></div> + <div class="4 black"></div> + <div class="3 white"></div> + <div class="6 black"></div> + <div class="5 white"></div> + <div class="8 black"></div> + <div class="7 white"></div> + </div> + <div> + <div class="1 white"></div> + <div class="2 black"></div> + <div class="3 white"></div> + <div class="4 black"></div> + <div class="5 white"></div> + <div class="6 black"></div> + <div class="7 white"></div> + <div class="8 black"></div> + </div> + <div> + <div class="2 black"></div> + <div class="1 white"></div> + <div class="4 black"></div> + <div class="3 white"></div> + <div class="6 black"></div> + <div class="5 white"></div> + <div class="8 black"></div> + <div class="7 white"></div> + </div> + <div> + <div class="1 white"></div> + <div class="2 black"></div> + <div class="3 white"></div> + <div class="4 black"></div> + <div class="5 white"></div> + <div class="6 black"></div> + <div class="7 white"></div> + <div class="8 black"></div> + </div> + <div> + <div class="2 black"></div> + <div class="1 white"></div> + <div class="4 black"></div> + <div class="3 white"></div> + <div class="6 black"></div> + <div class="5 white"></div> + <div class="8 black"></div> + <div class="7 white"></div> + </div> + + + + </div> +</body> +</html>
\ No newline at end of file |