Untitled
unknown
css
a year ago
1.4 kB
1
Indexable
Never
.lots { padding: 180px 50px 181px; display: flex; flex-direction: column; font-family: Raleway; } .overlay__lots { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 2; } .lots__heading { color: #000; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; padding-left: 40px; } .lots__card-list { list-style: none; color: #fff; display: flex; gap: 25px; flex-wrap: wrap; padding: 27px 0 30px; } .lots__card-list-item { display: flex; flex-grow: 1; width: 430px; min-height: 450px; } .card-link { text-decoration: none; display: block; width: 100%; } .card { position: relative; width: 430px; min-height: 450px; padding: 50px 40px; display: flex; flex-direction: column; justify-content: space-between; background-position: center; background-size: cover; aspect-ratio: 1.1; transition: transform 0.25s; } .card:hover { transform: scale(1.006); } .card_type_film { background-image: url("../images/card-lot-01.jpg"); } .card_type_book { background-image: url("../images/card-lot-02.jpg"); } .card_type_picture { background-image: url("../images/card-lot-03.jpg"); width: 100%; height: 450px; }