Mimic pinterest image view on search page

2024-12-06 19:27:01 +01:00 · 2024-01-24 15:12:08 -06:00
parent ddf5e73982
commit 51c825d415
1 changed files with 7 additions and 11 deletions
@@ -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 */