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;