Flexbox a 1-dimensional system, meaning it can handle in rows.
Home About us Gallery --------------->(Header)
Main motive to alter width and height to best fill the available space
More focus on content rather than layout
Use for small scale, fundamentally to display linear.
CSS Grid is a 2-dimensional system, meaning it can handle both columns and rows
Layout allows us to align components into columns and rows
Approach mainly focus on Layout other than content
Grid is used for large scale where there no linear display