Summary 5

1. CSS Flexbox

For the first reading, the author describes a CSS Flexbox. They discussed how before the flexbox layout, there were four different layout modes. Those were, Block, Inline, and table. The author also states that you must first define a flex container to use a flexbox element.

2. Flexbox Container

The second reading discusses CSS syntax. The author teaches the reader about the different parts of a CSS syntax, which has a selector, declaration, property, and property value. The selector is something such as h1 that determines what you are setting a style for. Then there is the declaration that has the property and property value inside of it that determines what the selector will look like on the HTML.

3. CSS Flexbox items

The third reading discusses CSS flexbox items. The author talks about the different flexbox items being, order, flew-grow, flex-shrink, flex-basis, flex, and align-self. Each item does a different action to the flax box. For example, the order property defines the order where flex-grow causes an item to grow relative to the rest of the flex items.