From 1b51ff391d98dc5ed297b9162fa0e3078840cdc0 Mon Sep 17 00:00:00 2001 From: pdp8 Date: Sun, 4 Jun 2023 12:02:00 +0200 Subject: css for phone and laptop --- public/style.css | 27 +++++++++++++++++++++++++-- 1 file changed, 25 insertions(+), 2 deletions(-) diff --git a/public/style.css b/public/style.css index 3e3b1e2..73528ed 100644 --- a/public/style.css +++ b/public/style.css @@ -1,8 +1,9 @@ body { font-family: sans-serif; - font-size: 2em; + font-size: 3vmin; } + img, video { max-width: 100%; @@ -13,7 +14,7 @@ video { } form { - display: inline-block; + display: inline; } button { @@ -22,4 +23,26 @@ button { a { color: #888; +} + +@media (orientation: landscape) { + button { + font-size: 1em; + } +} + +@media (min-width: 1500px) { + body { + font-size: 1.25em; + } +} + +@media (orientation: portrait) and (min-width: 1000px) { + body { + font-size: 1.25em; + } + + button { + font-size: 1em; + } } \ No newline at end of file -- cgit v1.2.3