better support for smol screens

This commit is contained in:
Lynne Megido 2019-05-02 17:54:53 +10:00
parent b4f78df890
commit fa2434b832

View file

@ -6,18 +6,24 @@ body {
}
a {
color: #777;
text-decoration: none;
text-decoration-style: dotted;
}
a:hover {
text-decoration: underline;
text-decoration-style: solid;
}
article, footer {
width: 50%;
max-width: 1000px;
min-width: 400px;
min-width: 500px;
margin: 0 auto;
line-height: 1.4em;
}
@media only screen and (max-width:550px){
article, footer {
min-width:0;
width:100%;
}
}
h1 {
text-align: center;
font-size: 3em;