Lisää toimintoja
Ak: Uusi sivu: .team-member-grid { display: grid; grid-template-columns: repeat(3, 1fr); } |
Ei muokkausyhteenvetoa |
||
(6 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( | 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)); | |||
} | |||
} | } |
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)); } }