#1.0 Life Before Flexbox

#1.1 First Rule of Flexbox

#1.2 Main Axis and Cross Axis

#1.3 column and Row

#1.4 align-self and order

#1.5 wrap,nowrap,reverse,align-content

#1.6 flex-grow,flex-shrink

#1.7 flex-basis

#2.1 Life Before Grid

#2.2 CSS Grid Basic Concepts

#2.3 Grid template Areas

#2.4 Rows and Columns

#2.5 Shortcuts

#2.6 Line Naming

#2.7 Grid template

#2.8 place items

#2.9 place content

#2.10 Auto Columns and Rows

#2.11 minmax