The “Flexible Box” or “Flexbox” layout mode offers an alternative to Floats for defining the overall appearance of a web page. flexbox gives us complete control over the alignment, direction, order, and size of our boxes.

Flexbox give us a ton of amazing new tools for laying out a web page.flexbox is a cleaner option for laying out modern websites:

Use display: flex; to create a flex container. Use justify-content to define the horizontal alignment of items. Use align-items to define the vertical alignment of items. Use flex-direction if you need columns instead of rows. Use the row-reverse or column-reverse values to flip item order. Use order to customize the order of individual elements. Use align-self to vertically align individual items. Use flex to create flexible boxes that can stretch and shrink.

The Key Difference Between a Homepage and a Landing Page the homepage has tons of links and the landing page has only one