Lisää toimintoja
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(3 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); | margin-top: var(--space-md); | ||
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)); } }