screen flex

pmateosx · Jan 8, 2022 · 3a8d37e · 3a8d37e
1 parent fd5ebfd
commit 3a8d37e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 16 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -63,22 +63,26 @@ body{
 
 
 /* INTRO SCREEN */
-#intro-text{
+.intro-screen{
     position: absolute;
-    top: 35%;
+    top: 20%;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+}
+
+#intro-text{
     image-rendering: pixelated;
 }
 
 #game-logo{
-    position: absolute;
-    top: 5rem;
+    margin-bottom: 3rem;
     image-rendering: pixelated;
 }
 
 #start-button{
-    position: absolute;
-    margin: 0 auto;
-    transform: translateY(16rem);
+    margin: 3rem;
     background: none;
     border: none;
     z-index: 10;
@@ -96,6 +100,8 @@ body{
 
 /* CANVAS */
 .canvas-container{
+    position: absolute;
+    top: 3%;
     display: flex;
     justify-content: center;
     align-items: flex-start;
@@ -204,11 +210,11 @@ body{
 /* DIPLOMA */
 .diplima{
     position: absolute; 
+    top: 3%;
     z-index: 5;
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-top: 10rem;
 }
 
 #diploma{

diff --git a/assets/js/models/enemyBullet.js b/assets/js/models/enemyBullet.js
@@ -5,7 +5,7 @@ class EnemyBullet {
         this.x = x
         this.y = y
 
-        this.damage = 15
+        this.damage = 5
 
         this.width = 14*5
         this.height = 14*5

diff --git a/index.html b/index.html
@@ -61,14 +61,15 @@
 
     <img id="top-display" src="./assets/images/game-ui/top-display.png" alt="top display">
 
-    <img id="game-logo" src="./assets/images/game-ui/game logo.png" alt="game logo">
-    <img id="intro-text" src="./assets/images/game-ui/pantallaInicio.png" alt="intro-txt">
-
-    <button id="start-button">
-        <img id="start-img" src="./assets/images/game-ui/start-button.png" alt="Start button">
-    </button>
-
+    <!-- INTRO SCREEN -->
+    <div class="intro-screen">
+        <img id="game-logo" src="./assets/images/game-ui/game logo.png" alt="game logo">
+        <img id="intro-text" src="./assets/images/game-ui/pantallaInicio.png" alt="intro-txt">
 
+        <button id="start-button">
+            <img id="start-img" src="./assets/images/game-ui/start-button.png" alt="Start button">
+        </button>
+    </div>
 
     <img id="bottom-display" src="./assets/images/game-ui/top-display.png" alt="bottom display">