diff options
| -rw-r--r-- | public/about.html | 8 | ||||
| -rw-r--r-- | public/index.html | 18 | ||||
| -rw-r--r-- | public/style.css | 8 |
3 files changed, 26 insertions, 8 deletions
diff --git a/public/about.html b/public/about.html index 138d1e9..3aa12ae 100644 --- a/public/about.html +++ b/public/about.html @@ -34,8 +34,12 @@ </div> </div> <footer> - <a href="index.html">Home</a><br> - <a href="https://kumardamani.net" target="_blank">Author</a> + <div> + <a href="index.html">Home</a><br> + </div> + <div> + <a href="https://kumardamani.net" target="_blank">Author</a> + </div> </footer> </center> </body> diff --git a/public/index.html b/public/index.html index 3e445c5..7929e0f 100644 --- a/public/index.html +++ b/public/index.html @@ -19,10 +19,12 @@ <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span> </div> <div class="container"> - <form id="nameForm" class="flex"> - <label style="color: black;" for="firstName">Enter your first name:</label> - <input type="text" id="firstName" placeholder="bob" required> - <button type="submit">Name my Dragon</button> + <form id="nameForm" class="container"> + <label class="flex" for="firstName">Enter your first name:</label> + <input class="flex" type="text" id="firstName" placeholder="bob" required> + <div class="flex"> + <button type="submit">Name my Dragon</button> + </div> </form> <div class="flex"> <button id="stop-music" onclick="stopMusic();">Stop music</button> @@ -40,8 +42,12 @@ <img src="images/dragon-sizes.png" width="50%" alt="Comparison chart for all the dragons"> </div> <footer> - <a href="about.html">How it works</a><br> - <a href="https://kumardamani.net" target="_blank">Author</a> + <div> + <a href="about.html">How it works</a><br> + </div> + <div> + <a href="https://kumardamani.net" target="_blank">Author</a> + </div> </footer> </center> diff --git a/public/style.css b/public/style.css index 9e664c4..fad2048 100644 --- a/public/style.css +++ b/public/style.css @@ -86,3 +86,11 @@ h1 { cursor: pointer; transition: 0.3s; } + +#nameForm > * { + color: black; +} + +footer > div { + padding-bottom: 10px; +} |