style: #32 temp title screen center aligned

es-rene99 · Jul 19, 2021 · 506f13f · 506f13f
1 parent c7df289
commit 506f13f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -23,7 +23,7 @@ <h1 class="items__header"></h1>
       </aside>
 
       <main id="main__game" class="main__game">
-        <div id="title-screen">
+        <div id="title-screen" class="title-screen">
           <h1 id="left-sidebar__title" class="title-screen__title">
             Calculationster
           </h1>

diff --git a/src/style.css b/src/style.css
@@ -1,3 +1,17 @@
+.title-screen {
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  cursor: pointer;
+}
+
+.title-screen__title {
+  position: absolute;
+  top: -390%;
+  left: -210%;
+}
+
 .game__timer {
   float: right;
   display: flex;
@@ -17,10 +31,6 @@
 }
 
 .game__start-btn {
-  display: block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
   cursor: pointer;
 }