hellerve/poems
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

style: try to make design more responsive for long form

Browse Source
This commit is contained in:
Veit Heller
2017-07-12 05:30:48 -04:00
parent c460ff88fb
commit c395541a7b
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
style.css
View File

@@ -43,10 +43,16 @@ p {
.poem { .poem {
font-size: 40px; font-size: 40px;
padding-left: 3em; padding-left: 3em;
height: calc(100vh - 250px);
overflow-x: scroll;
} }
#bottom { #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; border-top: 10px solid;
height: 250px;
} }
.nav { .nav {
font-size: 170px; font-size: 170px;