Chapter 15. CSS: Layout – Flex Box

Chapter 15. CSS: Layout – Flex Box

Chapter 15. CSS: Layout – Flex Box
Tag:
course iconBack to the course page

Flex Box is one of the most important techniques in the modern website layout approach.

Through this chapter, you can understand how to use Flex Box, including key related properties and useful techniques.

The following topics are covered in this chapter.

TOPICS
  1. Flex Box – display: flex
  2. flex-direction
  3. Main Axis and Cross Axis
  4. flex-wrap
  5. justify-content
  6. align-items
  7. align-content
  8. align-self
  9. flex-grow
  10. flex-shrink
  11. flex-basis
  12. margin: auto with Flex Box
  13. Inline Flex Box
  14. Nested Flex Box

Flex Box is one of the most important techniques in the modern website layout approach.

Through this chapter, you can understand how to use Flex Box, including key related properties and useful techniques.

The following topics are covered in this chapter.

TOPICS
  1. Flex Box – display: flex
  2. flex-direction
  3. Main Axis and Cross Axis
  4. flex-wrap
  5. justify-content
  6. align-items
  7. align-content
  8. align-self
  9. flex-grow
  10. flex-shrink
  11. flex-basis
  12. margin: auto with Flex Box
  13. Inline Flex Box
  14. Nested Flex Box
Tag:
course iconBack to the course page
check recently viewed topics (history)
history
check bookmarked topics
Library
give rating and feedback
rating
share a URL via email or chat app
Share
check recently viewed topics (history)
history
check bookmarked topics
Library
give rating and feedback
rating
share a URL via email or chat app
Share