CSS Flexbox gives you the tools to create basic and advanced website layouts in flexible and responsive ways. This tutorial discusses everything you need to know to use Flexbox like a pro. A flex container is an HTML element whose display property's value is flex or inline-flex. Use flex-direction: column-reverse to reverse the browser's layout direction. Try it on StackBlitz.
Table of contents
Table of ContentsWhat Is Flexbox?Flex Container vs. Flex Item: What's the Difference?What Is a flex Value in CSS?What Is an inline-flex Value in CSS?Properties for Specifying Flexbox's LayoutWhat Are the Flexible Containers Properties?What Is Flexbox's flex-direction Property?What Is Flexbox's flex-wrap Property?What Is Flexbox's flex-flow Property?What Is Flexbox's justify-content Property?What Is Flexbox's align-items Property?What Is Flexbox's align-content Property?What Are the Flexible Item's Properties?What Is Flexbox's align-self Property?What Is Flexbox's order Property?What Is Flexbox's flex-grow Property?What Is Flexbox's flex-shrink Property?What Is Flexbox's flex-basis Property?What Is Flexbox's flex Property?How to Center Elements Horizontally with FlexboxHow to Center Elements Vertically with FlexboxHow to Center Elements Horizontally and Vertically with FlexboxOverview1 Comment
Sort: