gpttemp
This commit is contained in:
29
code/public/static/css2/modules/list_04.css
Normal file
29
code/public/static/css2/modules/list_04.css
Normal file
@@ -0,0 +1,29 @@
|
||||
.__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;
|
||||
}
|
||||
Reference in New Issue
Block a user