From 8cfc95535d5200dfed925fd5504df04035459905 Mon Sep 17 00:00:00 2001 From: Smoorg Date: Fri, 3 Oct 2025 21:23:10 +0200 Subject: [PATCH 1/2] avoid hardcoding height for flex purposes --- static/css/main.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/static/css/main.css b/static/css/main.css index 2f5a60f..063521d 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,9 +1,3 @@ -@media only screen and (max-width: 850px) { - header#menu { - flex-direction: column !important; - } -} - :root { --main: #dd9a1a; --bg: #111; @@ -34,7 +28,6 @@ div.main-content { header#menu { display: flex; flex-direction: row; - height: 3rem; border-width: 5px; border-color: var(--main); border-style: double; @@ -42,6 +35,13 @@ header#menu { margin-bottom: 2rem; } +@media (max-width: 850px) { + header#menu { + flex-direction: column; + } +} + + header#menu a { padding: 12px; color: var(--main); From 2c21a866b1f23a5115269ae2391d0d8a15252500 Mon Sep 17 00:00:00 2001 From: Smoorg Date: Fri, 3 Oct 2025 22:42:17 +0200 Subject: [PATCH 2/2] media chaos * dodane media na desktop (900+) * dodane media na 480px * dodane media dla telefonow (max-device-width) --- header.php | 1 + register.php | 2 ++ static/css/main.css | 40 +++++++++++++++++++++++++++++----------- 3 files changed, 32 insertions(+), 11 deletions(-) diff --git a/header.php b/header.php index b4b9a27..df013dd 100644 --- a/header.php +++ b/header.php @@ -1,5 +1,6 @@ + ~tylda.org~ polskie tildeverse diff --git a/register.php b/register.php index ae5c0d8..756fe9e 100644 --- a/register.php +++ b/register.php @@ -41,6 +41,7 @@ Otrzymaliśmy twój formularz rejestracji. Oczekuj na dalsze informacje na swoje } else { ?> +
Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potraktuj go częściowo jako antyspam. Chcemy sensownych odpowiedzi na poniższe pytania. Posiadanie własnej strony też jest na duży plus.
@@ -78,6 +79,7 @@ Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potra
+
*:not(:last-child)::after { pre.ascii { margin-bottom: 2rem; - font-size: 15px; + font-size: 1rem; + overflow: auto; } .user_home { @@ -116,6 +110,7 @@ pre.ascii { .form-row { display: flex; + flex-direction: column; justify-content: flex-end; padding: .5em; } @@ -151,3 +146,26 @@ ul li { padding: 0.5rem; margin-left: 2rem; } +@media only screen and (min-width: 900px) { + div.main-content { + width: 60%; + } +} + +@media only screen + and (min-width: 480px) + and (max-width: 900px) { + header#menu { + flex-direction: row; + } + .form-row { + flex-direction: row; + } +} + +@media only screen and (max-device-width: 480px) { + article { + font-size: 1em; + } +} +