From: will Date: Mon, 20 May 2024 22:06:38 +0000 (+0100) Subject: RWD X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;h=5b941df5c9f8897a6be23c241609a70ec8715954;p=spaceweather RWD --- diff --git a/.gitignore b/.gitignore index 8a6f8dd..63953bd 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ /config/last +/index.html /spaceweather.wav /spaceweather.mp3 /media/graph* diff --git a/index.html b/index.html index 253f459..ff065d0 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ + Spaceweather diff --git a/styles.css b/styles.css index 68cf64c..3c908d1 100644 --- a/styles.css +++ b/styles.css @@ -9,6 +9,33 @@ body { body > div { padding: 5px 20%; } + +.right { + display: inline-block; + width: 49%; +} +.left { + display: inline-block; + vertical-align: top; + width: 49%; +} + +@media only screen and (max-width: 1000px) { + body > div { + padding: 5px 100px; + } + .right, .left { + display: block; + width: 100%; + } +} + +@media only screen and (max-width: 700px) { + body > div { + padding: 5px 40px; + } +} + .header { background-color: var(--darkgray); color: white; @@ -27,16 +54,6 @@ body > div { color: white; } -.right { - display: inline-block; - width: 49%; -} -.left { - display: inline-block; - vertical-align: top; - width: 49%; -} - .navigation > p { display: inline-block; height: 20px; diff --git a/template.html b/template.html index c72ea4d..d5f8a6a 100644 --- a/template.html +++ b/template.html @@ -1,5 +1,6 @@ + Spaceweather