From fa2434b8323c2898a04ddac17225114a52cb2386 Mon Sep 17 00:00:00 2001 From: Lynne Lawson Date: Thu, 2 May 2019 17:54:53 +1000 Subject: [PATCH] better support for smol screens --- style.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 1ca6b67..d76db9a 100644 --- a/style.css +++ b/style.css @@ -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;