Compare commits

...

2 Commits

Author SHA1 Message Date
071527b35a
Fix social button stacking on mobile 2021-02-16 20:18:43 -05:00
e5e665ea6d
Fix main content layout on mobile 2021-02-16 20:11:10 -05:00

View File

@ -87,8 +87,8 @@ h1 {
ul.buttons {
list-style: none;
padding-left: 0;
margin-top: 3em;
margin-bottom: 4em;
margin-top: 3em;
font-size: 1.1em;
}
@ -96,6 +96,7 @@ ul.buttons li {
display: inline;
line-height: 1;
padding: 0.5em;
margin-top: 3em;
margin-left: 0.5em;
margin-right: 0.5em;
@ -200,3 +201,27 @@ ul.buttons li {
0% { transform: translate(-50%,-50%) rotate(0deg); }
100% { transform: translate(-50%,-50%) rotate(360deg); }
}
@media only screen and (max-width: 600px) {
#content {
padding: 0;
padding-bottom: 1em;
border-radius: 32px;
top: 6em;
}
#content p {
margin: 1em;
}
ul.buttons {
margin-top: 2em;
margin-bottom: 3em;
}
ul.buttons li {
display: block;
margin-top: 1em;
}
}