Page 63 - 6108

Можна вказувати як одне, так і всі три значення властивостей.
Властивість не успадковується.
W3C рекомендує використовувати скорочений запис, так як він
правильно скидає будь-які невказані компоненти, щоб підлаштуватися під
типове використання.
Властивість align-self відповідає за вирівнювання окремо взятого
flex-елемента по висоті flex-контейнера. Перевизначає вирівнювання, яке
задане через align-items. Не успадковується.

align-self: auto| flex-start | flex-end | center |
baseline | stretch | initial | inherit

auto – значення за замовчуванням. Flex-елемент використовує
вирівнювання, зазначене у властивості align-items flex-контейнера.

2.2.6 CSS Grid Layout

Одна з найбільших проблем при розробці користувальницьких
інтерфейсів – це те, що при зміні дизайну, функціоналу або поведінки будь-
якого блоку доводиться міняти його розмітку (в більшості випадків). CSS Grid
дозволяє змінювати розташування grid елементів не змінюючи сам HTML.

Рисунок 2.10 – Макет CSS Grid
В основі CSS Grid Layout лежить grid container – набір пересічних
горизонтальних і вертикальних grid ліній, які ділять простір grid контейнера на
grid області, в які можуть бути поміщені grid елементи. Усередині grid

контейнера є два набори grid ліній: один визначає вісь стовпців, інший
визначає вісь рядків.
Створення grid контейнера

display: grid | inline-grid