Smaller and more responsive site

This commit is contained in:
Dominik V. Salonen 2015-12-26 18:35:11 +01:00
parent 7de7be2a46
commit 24f27300af
1 changed files with 8 additions and 2 deletions

View File

@ -25,7 +25,7 @@ body {
.page { .page {
width: 100%; width: 100%;
max-width: 920px; max-width: 720px;
padding: 10px; padding: 10px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -59,10 +59,16 @@ body {
font-size: 12pt; font-size: 12pt;
display: inline-block; display: inline-block;
padding: 5px; padding: 5px;
width: 25%; width: 20%;
animation: rise 1s ease-out; animation: rise 1s ease-out;
} }
@media all and (max-width: 600px){
.links li {
width: 40%;
}
}
.links li a, .fileLink { .links li a, .fileLink {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;