4 typing game,start button aligned

3 years ago · 888de1b89a
parent 120204995f
commit 888de1b89a
2 changed files with 11 additions and 2 deletions
--- a/4-typing-game/solution/index.css
+++ b/4-typing-game/solution/index.css
@ -6,3 +6,10 @@
 	background-color: lightcoral;
 	border-color: red;
 }
+
+.button{
+	padding: revert;
+    margin-top: 12px;
+    margin-left: 50px;
+}
+
--- a/4-typing-game/solution/index.html
+++ b/4-typing-game/solution/index.html
@ -7,17 +7,19 @@
 	</head>

 	<body>
+		<div class="center">
 		<h1>Practice your typing</h1>
 		<div>Click start to have a quote displayed. Type the quote as fast as you can!</div>

 		<p id="quote"></p>
 		<p id="message"></p>
-		<div>
+		<div class="msg">
 			<input type="text" aria-label="current word" id="typed-value" />
 		</div>
-		<div>
+		<div class="button">
 			<button id="start" type="button">Start</button>
 		</div>
 		<script src="./index.js"></script>
+	   </div>
 	</body>
 </html>