diff --git a/web/css/main.css b/web/css/main.css index 561abe6..b9f840f 100644 --- a/web/css/main.css +++ b/web/css/main.css @@ -26,12 +26,17 @@ body.album { } .album li { - height: 20vh; + /* + * Line height is expressed as a factor of the viewport width since + * we want to fit roughly the same amount of photos per line, + * independently of the user's device + */ + height: 13vw; flex-grow: 0.5; list-style-type: none; + padding: 1px; } - .album li img, .album li video { max-height: 100%; min-width: 100%;