From 3a8a866e24961dc79ece50bef77f80174c0795dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Filip=20=C5=A0ub=C3=ADn?= Date: Tue, 6 Jun 2023 11:55:44 +0200 Subject: [PATCH] wip --- assets/css/media.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/assets/css/media.css b/assets/css/media.css index 3b88e9a..59a560d 100644 --- a/assets/css/media.css +++ b/assets/css/media.css @@ -83,6 +83,23 @@ } @media screen and (min-width: 75.0625rem) { + .section--preview img { + width: 90vw; + height: 90vh; + transform: rotate(0deg); + } + + .section--preview .preview { + top: calc(50% - 3.25rem); + left: 0; + transform: rotate(180deg); + } + + .section--preview .preview--prev { + left: unset; + right: 0; + bottom: unset; + } .close--preview { top: 2rem; @@ -169,7 +186,7 @@ } } -@media screen and (min-width: 20rem) and (max-width: 47.9375rem) and (orientation: landscape) { +@media screen and (min-width: 20rem) and (max-width: 75.0625rem) and (orientation: landscape) { .section--preview img { width: 90vw; height: 90vh;