Witam,
Czy jest jakiś sposób, aby połączyć / scalić kolumny tak, aby miejsce mogło zostać podzielone po równo pomiędzy elementy (jest nieparzysta liczba kolumn i nie mogę użyć wartości ze "span" np. dla content lub img).
Dokładnie chodzi mi o to, aby rozdzielić pozostałe miejsce w wierszu równo pomiędzy content1 i content2 (tak, aby zajmowały cały wiersz) i podobnie ze wszystkimi img. Ma ktoś jakiś pomysł?
Tutaj część CSS:
grid-template-areas:
"nav nav nav nav nav"
"foto foto foto foto foto"
". . content1 content2 ."
"video1 video2 video3 video4 video5"
". img1 img2 img3 ."
"footer footer footer footer footer";
#content-1 {
background: purple;
grid-area: content1;
}
#content-2 {
background: brown;
grid-area: content2;
}
Z góry dziękuję i pozdrawiam.