Explain Flexbox and CSS grid.

Flexbox is a layout tool that is very useful in smaller areas of the site. The main feature is to align items on a horizontal or vertical axis. It automatically spaces out the item and other layout options and displays the items in a defined order.

CSS grid is almost a layout tool for a single page. It enables layouts for horizontal and vertical axes, unlike the flexbox tool, which only supports one axis at a time.