20 lines
466 B
CSS
20 lines
466 B
CSS
.__PFX__-list3 { margin:16px; }
|
|
.__PFX__-list3-title { font-size:16px; margin-bottom:12px; color:var(--primary-color); }
|
|
|
|
.__PFX__-list3-wrap {
|
|
display:grid;
|
|
grid-template-columns:repeat(2,1fr);
|
|
gap:12px;
|
|
}
|
|
@media(min-width:768px){
|
|
.__PFX__-list3-wrap { grid-template-columns:repeat(4,1fr); }
|
|
}
|
|
|
|
.__PFX__-list3-card img {
|
|
width:100%;
|
|
aspect-ratio:2/3;
|
|
object-fit:cover;
|
|
border-radius:12px;
|
|
box-shadow:0 4px 14px rgba(0,0,0,.1);
|
|
}
|