fixed responsive

mifthulyn07 · Apr 29, 2024 · ebfcc2a · ebfcc2a
1 parent 0da936d
commit ebfcc2a
Show file tree

Hide file tree

Showing 10 changed files with 387 additions and 346 deletions.
diff --git a/asset/paper.png b/asset/paper.png
diff --git a/asset/redo.png b/asset/redo.png
diff --git a/asset/rock.png b/asset/rock.png
diff --git a/asset/scissors.png b/asset/scissors.png
diff --git a/index.html b/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div class="container">
+      <div class="wrap">
+        <h1>Rock Paper Scissors Game</h1>
+        <main>
+          <div class="topbar">
+            <div class="control">
+              <div class="reset">
+                <button>
+                  <img src="../../asset/redo.png" alt="reset" />
+                </button>
+              </div>
+            </div>
+            <div class="score">
+              <div class="scorecomputer">
+                <p>Computer:</p>
+                <p>0</p>
+              </div>
+              <div class="scoreuser">
+                <p>User:</p>
+                <p>0</p>
+              </div>
+            </div>
+          </div>
+          <div class="computerChoice">
+            <div class="computer">
+              <img />
+            </div>
+          </div>
+          <div class="info">
+            <div class="desc">
+              <p></p>
+            </div>
+          </div>
+          <div class="userChoice">
+            <div class="scissors">
+              <button id="scissors">
+                <img src="../../asset/scissors.png" alt="scissors" />
+              </button>
+            </div>
+            <div class="rock">
+              <button id="rock">
+                <img src="../../asset/rock.png" alt="rock" />
+              </button>
+            </div>
+            <div class="paper">
+              <button id="paper">
+                <img src="../../asset/paper.png" alt="paper" />
+              </button>
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+  </body>
+  <script type="text/javascript" src="script.js"></script>
+</html>
diff --git a/rock-paper-scissors-game.css b/rock-paper-scissors-game.css
diff --git a/rock-paper-scissors-game.html b/rock-paper-scissors-game.html