CSS Layouts - flex box and grid

[gingersmith4]

Flexbox allow your elements to lay themselves out automatically

• [x] Apply flex to the display property
• [x] Must have more than two children within the element that is using flexbox.
• [x] Must use minimum three of the flexbox related attributes

Grid instantiate a grid for your layouts

• [x] Apply grid to the display property
• [x] Must have more than two children within the element that is using the grid.
• [x] Must use a minimum of three of the grid related attributes

[gingersmith4]

Flexbox attributes: direction, wrap, and flow

[gingersmith4]

Grid attributes: grid-template-columns, grid-gap, align-items