chess board

Yuvrajchandra · Yuvrajchandra · commit 87f469d5a0c3 · 2022-05-04T11:52:06.000+05:30
diff --git a/3. The Chess Board/index.html b/3. The Chess Board/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <title></title>
+        <link rel="stylesheet" href="styles.css">
+    </head>
+    <body>
+        <div class="patterns pt1"></div>
+    </body>
+</html>
diff --git a/3. The Chess Board/styles.css b/3. The Chess Board/styles.css
@@ -0,0 +1,19 @@
+body {
+    margin: 0px;
+}
+
+.patterns {
+    width: 100vw;
+    height: 100vw;
+}
+
+.pt1 {
+    background-color: #eee;
+    background-size: 60px 60px;
+    background-position: 0 0, 30px 30px;
+    background-image: -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
+    background-image: -moz-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -moz-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
+    background-image: -ms-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -ms-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
+    background-image: -o-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), -o-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
+    background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
+}
