Untitled
unknown
plain_text
2 years ago
945 B
5
Indexable
/* right-col */ .right-col { display: grid; gap: 2em; grid-template-columns: repeat(2,auto); grid-template-areas: "top right" "bottom right" } .card { border-radius: 1em; padding:1.1em; display: flex; align-items: start; background-position: center; transition: background-size .3s; } .card1 { grid-area: top; background-image: url('../Images/foto-start.jpeg'); background-size: 140%; } .card2 { grid-area: right; background-image: url('../Images/foto-race.jpeg'); background-size: 320%; } .card3 { grid-area: bottom; background-image: url('../Images/DSC_3898.JPG'); background-size: 140%; } .card-name { background-color: white; width: 100%; border-radius: .5em; text-align: center; opacity: 80%; font-size: 2rem; font-weight: normal; transition: transform .3s; }
Editor is loading...