From ed1d8ad403d43e403bdb3b493b229fbdc874976b Mon Sep 17 00:00:00 2001 From: Filip Rojek Date: Mon, 31 Oct 2022 15:48:35 +0100 Subject: [PATCH] updates --- css/styles.css | 39 +++++++++++++++++++++++++++++++++------ index.html | 7 +++++-- 2 files changed, 38 insertions(+), 8 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8b3110b..a61ba03 100644 --- a/css/styles.css +++ b/css/styles.css @@ -14,22 +14,28 @@ body { justify-content: center; align-items: center; flex-direction: column; - min-height: 100vh; + height: 100vh; + max-height: -webkit-fill-available; + max-width: 100vw; font-family: 'Source Code Pro', monospace; } .content{ display: flex; - justify-content: center; + justify-content: space-between; align-items: center; flex-direction: column; - gap: 5rem; + gap: 3rem; + max-width: 30vw; } .img_1 { - height: 2.5rem; + max-width: 100%; + max-height: 6vh; } .img_2 { - height: 25rem; + max-width: 100%; + max-height: 45vh; } + /* .udalost:hover { text-decoration: line-through; } */ @@ -37,4 +43,25 @@ body { color: #161340; font-weight: bold; font-size: 1.5rem; -} \ No newline at end of file +} + +@media only screen and (max-width: 768px) { + .content { + max-width: 100vw; + height: 100vh; + } + + .link { + display: flex; + justify-content: center; + height: 20vh; + } + + .udalost { + font-size: 1.5rem; + } + + .img_1 { + max-height: 5vh; + } +} diff --git a/index.html b/index.html index e078571..36dec91 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + PKM PARTY PLES + @@ -35,7 +36,9 @@
sponzoři foto pozvánka - odkaz na událost +
+ odkaz na událost +