Extra (Flexbox)

Introduction

The flexible box layout module makes it easier to design a flexible, responsive layout structure without using float or positioning.

To use CSS flexbox properties, set flex value to display property in extra section.

Flexbox Properties

PropertyValuesDescription
Directionhorizontal, verticalSpecifies the direction of the flexible items.
justify-contentflex-start, flex-end, center, space-between, space-aroundAligns the flexible container’s items when the items do not use all available space on the main-axis (horizontally).
align-itemsstretch, center, flex-start, flex-end, baselineSpecifies the default alignment for items inside the flexible container.
Childrenno wrap, wrapSpecifies whether the flexible items should wrap or not.
Align (Child)auto, stretch, center, flex-start, flex-end, baselineSpecifies the alignment for the selected item inside the flexible container.
Was this article helpful?
YesNo

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor