51 lines
No EOL
730 B
CSS
51 lines
No EOL
730 B
CSS
header {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr;
|
|
transition: transform 250ms;
|
|
}
|
|
header>* {
|
|
align-self: center;
|
|
}
|
|
header nav {
|
|
text-align: right;
|
|
font-size: 1.5rem;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.album {
|
|
width: 320px;
|
|
height: 180px;
|
|
border: 1px solid darkgray;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
display: inline grid;
|
|
grid-template-rows: 2fr 1fr;
|
|
transition: transform 250ms;
|
|
margin: 1em;
|
|
}
|
|
|
|
.album .pic {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.album .pic img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.album h3 {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
padding: 0 1em;
|
|
margin: 0;
|
|
align-self: center;
|
|
}
|
|
|
|
.album:hover {
|
|
transform: scale(1.05);
|
|
}
|
|
.album:active {
|
|
transform: scale(1.02);
|
|
} |