Lisää toimintoja
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| (2 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 8: | Rivi 8: | ||
.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));
}
}