diff --git a/css/styles.css b/css/styles.css index 3b43f64..2edef98 100644 --- a/css/styles.css +++ b/css/styles.css @@ -565,7 +565,6 @@ input { } .gallery__likes i:hover, .gallery__likes i:focus { cursor: pointer; - color: #db8876; } @media only screen and (max-width: 600px) { @@ -585,6 +584,7 @@ input { left: 0; top: 0; height: 100%; + width: 100%; overflow: auto; background-color: black; } @@ -600,8 +600,8 @@ input { justify-content: center; } .lightbox__media { - width: 100%; - height: auto; + max-width: 100%; + max-height: 750px; border-radius: 3px; margin: auto; } diff --git a/sass/layout/_lightbox.scss b/sass/layout/_lightbox.scss index 5bfe053..748551f 100644 --- a/sass/layout/_lightbox.scss +++ b/sass/layout/_lightbox.scss @@ -8,7 +8,7 @@ left: 0; top: 0; height: 100%; - // width: 100%; + width: 100%; overflow: auto; background-color: rgba(0, 0, 0, 1); } @@ -26,8 +26,8 @@ } &__media { - width: 100%; - height: auto; + max-width: 100%; + max-height: 750px; border-radius: 3px; margin: auto; }