Lisää toimintoja
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| (4 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 1: | Rivi 1: | ||
.team-member-grid { | .team-member-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(4, 1fr); | grid-template-columns: repeat(4,minmax(0,1fr)); | ||
gap: 1rem; | gap: 1rem; | ||
margin-top: var(--space-md); | |||
} | } | ||
.team-member-grid .team-member { | .team-member-grid .team-member { | ||
max-width: 100%; | max-width: 100%; | ||
} | |||
@media (max-width: 1300px) { | |||
.team-member-grid { | |||
grid-template-columns: repeat(2, minmax(0,1fr)); | |||
} | |||
} | |||
@media (max-width: 1120px) { | |||
.team-member-grid { | |||
grid-template-columns: repeat(4, minmax(0,1fr)); | |||
} | |||
} | |||
@media (max-width: 970px) { | |||
.team-member-grid { | |||
grid-template-columns: repeat(2, minmax(0,1fr)); | |||
} | |||
} | |||
@media (max-width: 500px) { | |||
.team-member-grid { | |||
grid-template-columns: repeat(1, minmax(0,1fr)); | |||
} | |||
} | } | ||
Nykyinen versio 11. joulukuuta 2024 kello 23.08
.team-member-grid {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 1rem;
margin-top: var(--space-md);
}
.team-member-grid .team-member {
max-width: 100%;
}
@media (max-width: 1300px) {
.team-member-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
@media (max-width: 1120px) {
.team-member-grid {
grid-template-columns: repeat(4, minmax(0,1fr));
}
}
@media (max-width: 970px) {
.team-member-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
@media (max-width: 500px) {
.team-member-grid {
grid-template-columns: repeat(1, minmax(0,1fr));
}
}