Flex Boxes

Choose a Starter Kit

Get started with LiftKit using one of the official starter kits for Webflow, Figma, or CSS.

open_in_new

open_in_new

open_in_new

Get a feel for LiftKit by following along with this short tutorial.

Flex arranges content in a row either horizontally or vertically.

In LiftKit, flex behavior is controlled with the following utility classes

Class Name	CSS Properties
`.display__flex-h`	`display: flex; flex-flow: row nowrap;`
`.display__flex-v`	`display: flex; flex-flow: column nowrap;`

Justifying Content

Gaps

See Gaps.

Click or tap to reveal form.

expand_more

check_circle

Success! An email has been sent to you with more details.

Please allow up to 5 minutes for it to arrive. Mailchimp can take a bit.

error

Error: Something went wrong. Email info@chainlift.io directly for assistance.