ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;list-style:none;padding:1rem;margin:0}li{border:1px solid #fff4}li a{text-decoration:none;color:inherit;display:block}li img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}li h2{margin:.5rem}li div{margin:.5rem;color:#e4d7cc}