diff --git a/css/galleriffic-2.css b/css/galleriffic-2.css index 6a776e9..81daa05 100644 --- a/css/galleriffic-2.css +++ b/css/galleriffic-2.css @@ -28,8 +28,8 @@ div.nav-controls { div.slideshow-container { position: relative; clear: both; - /* Constrain slideshow to a single-screen friendly box */ - height: 700px; + /* Fill available screen height more aggressively on large displays */ + height: clamp(700px, calc(100vh - 220px), 980px); max-width: 1100px; } div.loader { @@ -67,7 +67,7 @@ div.slideshow img { vertical-align: middle; border: 1px solid #ccc; max-width: 100%; - max-height: 500px; + max-height: 100%; height: auto; } div.download {