30 lines
565 B
CSS
30 lines
565 B
CSS
.__PFX__-list4-grid{
|
|
margin:16px;
|
|
display:grid;
|
|
grid-template-columns:repeat(2,1fr);
|
|
gap:12px;
|
|
}
|
|
@media(min-width:768px){
|
|
.__PFX__-list4-grid{ grid-template-columns:repeat(4,1fr); }
|
|
}
|
|
.__PFX__-list4-card {
|
|
position:relative;
|
|
}
|
|
.__PFX__-list4-card img{
|
|
width:100%;
|
|
aspect-ratio:2/3;
|
|
object-fit:cover;
|
|
border-radius:10px;
|
|
}
|
|
.__PFX__-list4-title{
|
|
position:absolute;
|
|
bottom:6px;
|
|
left:6px;
|
|
right:6px;
|
|
background:rgba(0,0,0,.4);
|
|
padding:4px 6px;
|
|
font-size:12px;
|
|
color:#fff;
|
|
border-radius:6px;
|
|
}
|