[ZukColorado]

Chcę stworzyć element w aplikacji w oparciu o CSS grid. Ma to wyglądać tak, że mam wiersze, każdy wiersz zawiera do czterech elementów (kolumn), i tych wierszy może być wiele. Coś w tym stylu:

Treść boksa
-----------

Treść boksa
-----------

Treść boksa
-----------

Treść boksa
-----------

Treść boksa
-----------

Treść boksa
-----------

Treść boksa
-----------

Treść boksa
-----------

Do czego powinienem podpinać display: grid? Do całego .boxes, czy do .boxes-row?

#webdev #css

[NaDrzewachZamiastLisci]

@ZukColorado: Generalnie polecam najpierw ogarnąć to: https://css-tricks.com/snippets/css/complete-guide-grid/

[ZukColorado]

@NaDrzewachZamiastLisci: oczywiście przeczytałem, to pierwszy wynik z Google. Po prostu nie rozumiem, jak w przypadku mojego markupu mam to podpinać. Przychylam się do display: grid dla .boxes-row, jednak chciałem się upewnić od kogoś, kto ogarnia temat.

[getin]

tak się zastanawiam czy nie prościej byłoby robić:

.box-wrapper {
}
.box-wrapper h2 {
}

wtedy nie musisz powtarzać cały czas "box"

[ZukColorado]

@getin: to kwestia wtórna, treść i zastosowanie będą inne. Chodzi o samą ideę podpinania display: grid.

[TheBestThing]

@ZukColorado: pod .boxes-row

[b3rly]

@ZukColorado wrzuć kod na jakieś fiddle