From 2c21a866b1f23a5115269ae2391d0d8a15252500 Mon Sep 17 00:00:00 2001 From: Smoorg Date: Fri, 3 Oct 2025 22:42:17 +0200 Subject: [PATCH] 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; + } +} +