Flexbox:
Flexbox a 1-dimensional system, meaning it can handle in rows.
Example
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:
CSS Grid is a 2-dimensional system, meaning it can handle both columns and rows
Example
Header
Body
FooterLayout 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
Top comments (0)