Merge pull request #120 from dishathakurata/main

Replaced placeholders

index.html

@@ -143,23 +143,23 @@ <h2 style="color: rgb(211, 211, 211);">What size of Board do you want? :</h2>
 
 			<div class="form-item">
 				<label for="rows" style="color: rgb(211, 211, 211);">Rows : <span class="details">(between 5 and 30)</span></label>
-				<input type="number" id="rows" min="5" max="30" value="6" />
+				<input type="number" id="rows" min="5" max="30" placeholder="Enter number of rows:" />
 				<span id="rows-warning" class="warning">
 					Please enter a number between 5 and 30.
 				</span>
 			</div>
 
 			<div class="form-item">
 				<label for="columns" style="color: rgb(211, 211, 211);">Columns : <span class="details">(between 5 and 30)</span></label>
-				<input type="number" id="columns" min="5" max="30" value="6" />
+				<input type="number" id="columns" min="5" max="30" placeholder="Enter number of columns:" />
 				<span id="columns-warning" class="warning">
 					Please enter a number between 5 and 30.
 				</span>
 			</div>
 
 			<div class="form-item">
 				<label for="players-count" style="color: rgb(211, 211, 211);">Players : <span class="details">(between 2 and 6)</span></label>
-				<input type="number" id="players-count" min="2" max="6" value="2" />
+				<input type="number" id="players-count" min="2" max="6" placeholder="Enter number of players:" />
 				<span id="players-warning" class="warning">
 					Please enter a number between 2 and 6.
 				</span>

style.css

@@ -291,8 +291,9 @@ h1 {
 .settings .form-item input {
 	border-radius: 3px;
 	padding: 0.4rem 0.2rem;
-	font-weight: bold;
-	font-size: larger;
+	font-weight: lighter;
+	font-size: smaller;
+	font-style: italic;
 }
 
 .settings .form-item .details {
@@ -366,4 +367,4 @@ h1 {
 	color: red;
 	position: relative;
 	padding: 5px;
-}
+}