06 Research and Documentation Flex

Resource Flex Layout 1

W3Schools- In 1 of their tutorials they have CSS Flex.

Resource Flex Layout 2

CSS Tricks- If you inspect the page, you can see there are a few different verisons of flex.

Resource Flex Layout 3

Free Code Camp - one of the logos has a flex

Summary of the Documentation

Display:flex; is a CSS property that enables the Flexbox layout model for a container element. It establishes a flex container, turning its direct children into flex items. Flexbox provides a powerful and efficient way to design complex layouts and distribute space within a container, allowing for easy alignment and positing of elements. By applying 'display:flex;' to a container, you gain control over the arrangement of its children along the main axis and cross axis, as well as the ability to control their sizing and spacing. Flexbox is particularly useful for building responsive and dynamic layouts, offering a more intuitive approach to handling distribution of space compared to traditional layout models.