diff --git a/css/galleriffic-2.css b/css/galleriffic-2.css index b77e2b5..cd54aee 100644 --- a/css/galleriffic-2.css +++ b/css/galleriffic-2.css @@ -28,8 +28,9 @@ div.nav-controls { div.slideshow-container { position: relative; clear: both; - height: 70vh; /* responsive */ - min-height: 420px; + /* Constrain slideshow to a single-screen friendly box */ + height: 500px; + max-width: 1100px; } div.loader { position: absolute; @@ -49,6 +50,8 @@ div.slideshow span.image-wrapper { position: absolute; top: 0; left: 0; + width: 100%; + height: 100%; } div.slideshow a.advance-link { display: block; @@ -64,7 +67,7 @@ div.slideshow img { vertical-align: middle; border: 1px solid #ccc; max-width: 100%; - max-height: 100%; + max-height: 500px; height: auto; } div.download {