Smaller and more responsive site
This commit is contained in:
parent
7de7be2a46
commit
24f27300af
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue