Flex Container and Flex Items
widgets
Flex Container: Parent element with display: flex
view_module
Flex Items: Direct children of the flex container
transform
Transformation: Container controls layout of its items
layers
Nested Flex: Flex items can be flex containers themselves
code
Basic Flexbox Structure
<div class="container">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
<div class="item">Item 3</div>
</div>
.container {
display: flex;
}