Add simple instructions.

hryanjones · May 3, 2019 · 1546f6d · 1546f6d
1 parent 7380700
commit 1546f6d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/index.css b/index.css
@@ -43,6 +43,7 @@ h1 {
 #container {
     display: flex;
     flex-direction: column;
+    margin-top: 24px; /* add some space between guesses and instructions */
 }
 #after-guesses-container,
 #before-guesses-container, 

diff --git a/index.html b/index.html
@@ -19,6 +19,11 @@ <h1>
     <a class="bigger-target" href="./README.html">about</a>
 </header>
 
+<p>
+    I'm thinking of an English word. Make guesses below and I'll tell you if my word is alphabetically before or after your
+    guess.
+</p>
+
 <div id="container">
     <div id="after-guesses-container">
         <label id="after-label" class="initially-hidden" title="My word is after these words">