Wyszukaj / o blogu

Grid przy pomocy HTML i klas oraz Grid:CSS

Opublikowano pon 15 czerwca 2020 w css • Tagi: css, grid, layout, rwd • 4 min read

grid

Grid -> HTML + klasy CSS

Grid przy pomocy klas (starsza wersja) jest czym innym niż tzw. Grid CSS (nowsza wersja rozwiązania)

W przypadku rozwiązania opartego jedynie o HTML i odpowiednio stylowane klasy css - całość oparta jest na kolumnach (pion) oraz wiersze(poziom)

Kolumna ustala szerokość a wiersz "trzyma" elementy w jednej …


Czytaj dalej

CSS - place-items (umieść element)

Opublikowano wto 31 marca 2020 w css • Tagi: css, place-items, grid, flexbox, start, center • 1 min read

Deklaracja place-items (podobnie jak align-items) odnosi się do pozycjonowania dzieci elementu, których układ jest zależny od układu Flexbox lub Grid.

Deklaracja place-items jest połączeniem align-items oraz justify-items i przyjmuje podwójne wartości w odpowiadające kolejno za align-items o następnie za justify-items. Wymaga wcześniejszej deklaracji floatbox lub grid

Przykładowe zastosowanie

.item {
  display …

Czytaj dalej