The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
grid-template-columns: 40px 50px auto 50px 40px
Grid Template Columns
grid-template-rows: 25% 100px auto
Grid Template Rows
grid-template-areas: "a b c" | none
Grid Template Areas
grid-template: "a a a" 20% "b b b" auto | 100px 1fr / 50px 1fr