From 51c825d415744d44fce939e840b37fcacc729338 Mon Sep 17 00:00:00 2001 From: Andrei Neacsu Date: Wed, 24 Jan 2024 15:12:08 -0600 Subject: [PATCH] Mimic pinterest image view on search page --- misc/style-dark.css | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/misc/style-dark.css b/misc/style-dark.css index 193a422..edaa5c5 100644 --- a/misc/style-dark.css +++ b/misc/style-dark.css @@ -148,23 +148,19 @@ button { height: 100%; width: 100%; object-fit: cover; + border-radius: 0.2rem; } .img-container{ - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - grid-gap: 10px; - margin-bottom: 50px; - margin-left: 20px; - margin-right: 20px; - + column-count: auto; + column-width: 14rem; + column-gap: 0.5rem; + padding: 1rem; } .img-result { - flex-grow: 1; - height: 12rem; + margin-bottom: 0.5rem; + display: block; } /* search css end */