Css Programming Tutorials, Guides & Best Practices

The Flexbox model consists of a flex container and its direct children, the flex items. The flex container defines how the items will be laid out and aligned. By default, the main axis is horizontal (row), and items are arranged in a row.

.container {
    display: flex;
}