Lisää toimintoja
Ak: Uusi sivu: .team-member { display: flex; flex-direction: column; gap: 1rem; } .team-member .avatar img { image-rendering: pixelated; height: 100%; width: auto; aspect-ratio: 1 / 1; overflow: hidden; } |
Ei muokkausyhteenvetoa |
||
| (3 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 3: | Rivi 3: | ||
flex-direction: column; | flex-direction: column; | ||
gap: 1rem; | gap: 1rem; | ||
text-align: center; | |||
padding: 2rem; | |||
border: 1px solid rgba(0, 0, 0, 0.15); | |||
max-width: calc(256px + 1rem + 1rem); | |||
} | } | ||
| Rivi 8: | Rivi 12: | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
height: 100%; | height: 100%; | ||
width: | width: 100%; | ||
max-width: 256px; | |||
aspect-ratio: 1 / 1; | aspect-ratio: 1 / 1; | ||
overflow: hidden; | overflow: hidden; | ||
object-fit: cover; | |||
object-position: left; | |||
} | |||
.team-member h3, | |||
.team-member p { | |||
margin: 0; | |||
word-wrap: break-word; | |||
} | } | ||
Nykyinen versio 11. joulukuuta 2024 kello 22.40
.team-member {
display: flex;
flex-direction: column;
gap: 1rem;
text-align: center;
padding: 2rem;
border: 1px solid rgba(0, 0, 0, 0.15);
max-width: calc(256px + 1rem + 1rem);
}
.team-member .avatar img {
image-rendering: pixelated;
height: 100%;
width: 100%;
max-width: 256px;
aspect-ratio: 1 / 1;
overflow: hidden;
object-fit: cover;
object-position: left;
}
.team-member h3,
.team-member p {
margin: 0;
word-wrap: break-word;
}