Возможно, вы уже знакомы с флексбоксами и их четырьмя свойствами для выравнивания и центрирования.



Но если внимательно изучить спецификацию выясняется, что их не четыре, а девять: align-content, justify-content, align-items, justify-items, align-self, justify-self, place-content, place-items и place-self.



Исследуем глубины W3C и разбираемся как работают в связке флексбоксы и гриды.



http://css-live.ru/articles-css/svojstva-dlya-vyravnivaniya-vsego-i-ix-novye-tajny.html