mirror of
https://github.com/Ahwxorg/Binternet.git
synced 2026-03-11 08:54:37 +00:00
feat: adapt pinterests image alignment (merge pull request #30 from prycaustic/main)
Mimic pinterest image view on search page
This commit is contained in:
commit
2f65f2b21d
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 */
|
||||
|
|
|
|||
Loading…
Reference in a new issue