Flexbox

28. February 2017 Note css, flexbox

Following is examples of Flexbox.

.flex {
  display: flex;
}

Flex Item 1

Flex Item 2

Flex Item 3

Flex Item 4

Flex Item 5

Flex Item 6

.flex {
  display: flex;
  flex-wrap: wrap;
}

Flex Item 1

Flex Item 2

Flex Item 3

Flex Item 4

Flex Item 5

Flex Item 6

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

Flex Item 1

Flex Item 2

Flex Item 3

Flex Item 4

Flex Item 5

Flex Item 6

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-item {
  flex-grow: 1;
}

Flex Item 1

Flex Item 2

Flex Item 3

Flex Item 4

Flex Item 5
Hello

Flex Item 6