Utilizor

Flexbox Intro

The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

CSS Flexbox

The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

Flex Container

To start using the Flexbox model, you need to define a flex container.

1
2
3

Example

.flex-container {
  display: flex;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 10px;
  padding: 20px;
  font-size: 30px;
}