From 5b941df5c9f8897a6be23c241609a70ec8715954 Mon Sep 17 00:00:00 2001 From: will Date: Mon, 20 May 2024 23:06:38 +0100 Subject: [PATCH] RWD --- .gitignore | 1 + index.html | 1 + styles.css | 37 +++++++++++++++++++++++++++---------- template.html | 1 + 4 files changed, 30 insertions(+), 10 deletions(-) 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 -- 2.39.2