image placeholders
This commit is contained in:
parent
16549967e3
commit
8512c9e3d7
8 changed files with 23 additions and 11 deletions
|
|
@ -1,12 +1,14 @@
|
|||
#portfolio-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||||
grid-auto-rows: 280px;
|
||||
grid-auto-flow: dense;
|
||||
gap: 1.5rem;
|
||||
|
||||
& > * {
|
||||
overflow: hidden;
|
||||
border-radius: var(--border-radius);
|
||||
background: var(--surface-container-highest);
|
||||
transition: transform 0.3s, box-shadow 0.3s;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
|
@ -68,6 +70,9 @@
|
|||
border-radius: var(--small-radius);
|
||||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
|
||||
object-fit: contain;
|
||||
min-width: 200px;
|
||||
min-height: 200px;
|
||||
background: var(--surface-container-highest);
|
||||
}
|
||||
|
||||
& > button {
|
||||
|
|
|
|||
|
|
@ -9,6 +9,11 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
& > .card > div:first-child {
|
||||
background: var(--surface-container-highest);
|
||||
aspect-ratio: 4 / 3;
|
||||
}
|
||||
|
||||
& > .card > div:last-child {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue