style: try to make design more responsive for long form

2017-07-12 05:30:48 -04:00
parent c460ff88fb
commit c395541a7b
1 changed files with 7 additions and 1 deletions
--- a/style.css
+++ b/style.css
@@ -43,10 +43,16 @@ p {
  .poem {
    font-size: 40px;
    padding-left: 3em;
+    height: calc(100vh - 250px);
+    overflow-x: scroll;
  }
  #bottom {
-    margin-left: calc(50vw - 185px);
+    margin: 0;
+    padding-left: calc(50vw - 185px);
+    padding-right: calc(50vw - 75px);
+    background-color: white;
    border-top: 10px solid;
+    height: 250px;
  }
  .nav {
    font-size: 170px;