Flexbox

28. February 2017 Note ,

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

Leave a Reply

Your email address will not be published. Required fields are marked *