1 parent
44866d1b87
commit
fe2bae803b
6 files changed
+71
No files matched your search
@@ -522,6 +522,44 @@ p { margin: 0 0 1em; }
|
||||
}
|
||||
.group-photo img { width: 100%; }
|
||||
|
||||
.crew { padding-block: clamp(4rem, 10vw, 6rem); }
|
||||
.crew > .display { margin-bottom: 2rem; }
|
||||
.crew__body {
|
||||
display: grid;
|
||||
gap: 2rem 3rem;
|
||||
align-items: end;
|
||||
}
|
||||
@media (min-width: 40rem) {
|
||||
.crew__body { grid-template-columns: minmax(0, 18rem) minmax(0, 1fr); }
|
||||
}
|
||||
.crew__photo {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
max-width: 18rem;
|
||||
aspect-ratio: 4 / 5;
|
||||
overflow: hidden;
|
||||
background: var(--deep-2);
|
||||
border: 2px solid var(--line);
|
||||
}
|
||||
.crew__photo img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.crew__initials {
|
||||
font-family: var(--font-display);
|
||||
font-weight: 900;
|
||||
font-size: 6rem;
|
||||
line-height: 1;
|
||||
color: var(--bolt);
|
||||
}
|
||||
.crew__name {
|
||||
font-family: var(--font-display);
|
||||
font-weight: 900;
|
||||
font-size: clamp(2.5rem, 6vw, 4rem);
|
||||
line-height: .9;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.crew__role { margin: .5rem 0 1rem; color: var(--mist); font-weight: 600; }
|
||||
.crew__text { max-width: 45ch; margin-bottom: 1.75rem; }
|
||||
.button--handle { text-transform: none; }
|
||||
|
||||
/* ---------- Musik ---------- */
|
||||
|
||||
.album {
|
||||
|
||||
Reference in new issue
Block a user