MediaWiki:Vector.css: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
Linia 1: | Linia 1: | ||
/* Umieszczony tutaj kod CSS wpłynie na wygląd skórki Wektor */ | /* Umieszczony tutaj kod CSS wpłynie na wygląd skórki Wektor */ | ||
.img-fluid { | @media only screen and (max-width: 640px) { | ||
.img-fluid { | |||
max-width: 50px; | |||
height: auto; | |||
} | |||
.main-page-scores { | |||
display: grid; | |||
grid-template-columns: repeat(1, minmax(0, 1fr)); | |||
gap: 0.5rem; | |||
} | |||
} | } | ||
@media only screen and (min-width: 641px) { | |||
.img-fluid { | |||
max-width: 100px; | |||
height: auto; | |||
} | |||
.main-page-scores { | |||
.main-page-scores{ | display: grid; | ||
display: grid; | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
gap: 0.5rem; | |||
} | |||
gap: 0.5rem; | |||
} | } |
Wersja z 21:29, 3 sie 2024
/* Umieszczony tutaj kod CSS wpłynie na wygląd skórki Wektor */
@media only screen and (max-width: 640px) {
.img-fluid {
max-width: 50px;
height: auto;
}
.main-page-scores {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
}
}
@media only screen and (min-width: 641px) {
.img-fluid {
max-width: 100px;
height: auto;
}
.main-page-scores {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
}
}