Mimic pinterest image view on search page

This commit is contained in:
Andrei Neacsu
2024-01-24 15:12:08 -06:00
parent ddf5e73982
commit 51c825d415
+7 -11
View File
@@ -148,23 +148,19 @@ button {
height: 100%; height: 100%;
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
border-radius: 0.2rem;
} }
.img-container{ .img-container{
display: flex; column-count: auto;
justify-content: center; column-width: 14rem;
align-items: center; column-gap: 0.5rem;
flex-wrap: wrap; padding: 1rem;
grid-gap: 10px;
margin-bottom: 50px;
margin-left: 20px;
margin-right: 20px;
} }
.img-result { .img-result {
flex-grow: 1; margin-bottom: 0.5rem;
height: 12rem; display: block;
} }
/* search css end */ /* search css end */