Correction

lukaszdutka · Jan 5, 2021 · c482e6f · c482e6f
1 parent 03daba6
commit c482e6f
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/showStartingPage.js b/src/app/showStartingPage.js
@@ -24,7 +24,7 @@ export const showStartingPage = () => {
         <input type='button' id='startGameButton' class="buttonWithText" value='PLAY'>
     </div>
 
-    <ul class='bottomOfThePageOptions' class="firstColumn">
+    <ul class='bottomOfThePageOptions firstColumn'>
         <li id='helpOption'>?</li>
         <li id='leaderboard'><i class="fa fa-trophy"></i></li>
     </ul>

diff --git a/styles/App.css b/styles/App.css
@@ -41,18 +41,18 @@ body {
 
 /* div headerWithLogo */
 
-div#headerWithLogo #pokemonLogo{
+#pokemonLogo{
     height: 18vh;
 }
-div#headerWithLogo #quizLogo{
+#quizLogo{
     padding-left: 15vh;
     font-family: 'Secular One', sans-serif;
     font-size: 8.5vh
 }
 
 /* ul selectModeMenu */
 
-ul#selectModeMenu{
+#selectModeMenu{
     grid-row: span 2/4;
     display: flex;
     flex-direction: column;
@@ -61,7 +61,7 @@ ul#selectModeMenu{
     padding-left: 6%;
     list-style:none;
 }
-ul#selectModeMenu li{
+#selectModeMenu li{
     margin-bottom: 4px;
     padding: 1vh 2.5vw;
     width: 60%;
@@ -70,38 +70,38 @@ ul#selectModeMenu li{
 
 /* div EnterName */
 
-div#enterNameAndPlayMenu{
+#enterNameAndPlayMenu{
     grid-row: 2;
     justify-self: center;
 }
 
-div#enterNameAndPlayMenu #enterYourName{
+#enterYourName{
     padding-bottom: 5%;
     font-family: 'Ranchers', cursive;
     font-size: 5.5vh;
 }
 
-div#enterNameAndPlayMenu #enterYourNameArea{
+#enterYourNameArea{
     display:flex;
     justify-content: center;
 }
 
-div#enterNameAndPlayMenu #playerIcon{
+#playerIcon{
     height: 4vh;
 }
 
-div#enterNameAndPlayMenu #enterYourNameInput{
+#enterYourNameInput{
     border:none;
     border-bottom: black solid 1px;
     padding: 2% 5%;
 }
 
 /* div buttonPlay */
 
-div#startGame{
+#startGame{
     grid-row-start: 3;
 }
-div#startGame #startGameButton{
+#startGameButton{
     margin-left:30%;
     padding: 0.5% 2%;
     width: 40%;
@@ -130,14 +130,14 @@ ul.bottomOfThePageOptions li{
 
 /* pikachu */
 
-img#pikachuImg{
+#pikachuImg{
     grid-row-end: -1;
     justify-self: end;
     height: 100%;
 }
 
 @media(max-width:850px){
-    img#pikachuImg{
+    #pikachuImg{
         justify-self: center;
     }
 }
@@ -149,22 +149,22 @@ img#pikachuImg{
     .spanInPortrait{
         grid-column: span 2/-1;
     }
-    div#enterNameAndPlayMenu{
+    #enterNameAndPlayMenu{
         padding-top: 4%;
     }
-    ul#selectModeMenu{
+    #selectModeMenu{
         grid-row: 3;
         padding-left: 0;
     }
-    ul#selectModeMenu li{
+    #selectModeMenu li{
         margin-left:10%;
         width: 80%;
         text-align: center;
     }
-    div#startGame{
+    #startGame{
         grid-row:4;
     }
-    img#pikachuImg{
+    #pikachuImg{
         justify-self: end;
     }
 }