style.css
unknown
plain_text
a year ago
1.3 kB
8
Indexable
Never
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500&display=swap"); * { font-family: "Inter", sans-serif; } .container { display: grid; grid-template-columns: repeat(auto-fill, 200px); grid-auto-rows: 1fr; justify-content: space-between; row-gap: 32px; column-gap: 16px; } .card { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 20px; width: 200px; height: 300px; } .card-image { width: 100%; height: 50%; object-fit: cover; border-radius: 20px 20px 0 0; } .card-content { padding: 8px; } .card-title { margin: 0; font-size: 16px; font-weight: 200; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-price-container { display: flex; align-items: center; margin-bottom: 8px; gap: 8px; } .card-price { font-size: 16px; font-weight: 500; } .card-discount { font-size: 12px; font-weight: 500; text-decoration: line-through; background-color: rgb(250, 180, 180); color: rgb(234, 33, 83); padding: 4px 8px; border-radius: 4px; } .card-rating { font-size: 12px; display: flex; align-items: center; gap: 8px; } .card-rating-icon { color: rgb(238, 197, 32); } .card-rating-text { margin: 0; font-weight: 200; }