Lisää toimintoja
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(Yhtä 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)); | |||
} | |||
} | } | ||
Rivi 13: | Rivi 25: | ||
.team-member-grid { | .team-member-grid { | ||
grid-template-columns: repeat(2, minmax(0,1fr)); | 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)); } }