enpaul/allaroundhere.org
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: enpaul:18c76565888696710bc8c927b3bcbfa9978d1fb0
Branches Tags
enpaul:devel enpaul:exp
...
compare: enpaul:071527b35ab3dc507b40c774d87b00b0e782dec2
Branches Tags
enpaul:devel enpaul:exp

2 Commits
18c7656588 ... 071527b35a

Author SHA1 Message Date
Ethan Paul
071527b35a Fix social button stacking on mobile 2021-02-16 20:18:43 -05:00
Ethan Paul
e5e665ea6d Fix main content layout on mobile 2021-02-16 20:11:10 -05:00
1 changed files with 26 additions and 1 deletions
Expand all files Collapse all files

27
css/style.css
View File

@@ -87,8 +87,8 @@ h1 {
ul.buttons { ul.buttons {
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
margin-top: 3em;
margin-bottom: 4em; margin-bottom: 4em;
margin-top: 3em;
font-size: 1.1em; font-size: 1.1em;
} }
@@ -96,6 +96,7 @@ ul.buttons li {
display: inline; display: inline;
line-height: 1; line-height: 1;
padding: 0.5em; padding: 0.5em;
margin-top: 3em;
margin-left: 0.5em; margin-left: 0.5em;
margin-right: 0.5em; margin-right: 0.5em;
@@ -200,3 +201,27 @@ ul.buttons li {
0% { transform: translate(-50%,-50%) rotate(0deg); } 0% { transform: translate(-50%,-50%) rotate(0deg); }
100% { transform: translate(-50%,-50%) rotate(360deg); } 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;
}
}