h1{font-size:1.5rem;text-align:center;margin:2rem auto}ul.collections{display:grid;max-width:1200px;margin:2rem auto;--grid-element-max-width: 350px;grid-template-columns:repeat(auto-fill,minmax(var(--grid-element-max-width),1fr));grid-gap:2rem 1rem}@media (max-width: 1200px){ul.collections{padding:0 1rem}}@media (max-width: 1024px){ul.collections{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){ul.collections{grid-template-columns:repeat(2,1fr)}}@media (max-width: 440px){ul.collections{grid-template-columns:repeat(1,1fr)}}ul.collections li.collection{display:flex;flex-direction:column;margin:auto;height:100%;width:100%}ul.collections li.collection a{border:1px solid var(--color-border-lighter);height:100%}ul.collections li.collection a:hover{border-color:var(--color-border-darker)}ul.collections li.collection img{height:240px;width:100%;object-fit:cover}ul.collections li.collection h2{font-size:1.25rem;font-weight:500;margin:0 0 .5rem}ul.collections li.collection div.info{padding:1rem .5rem;color:var(--color-text-dark-600)}