Aligning Children

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.

Aligning children only works on elements with one of the following classes:

Class Name	Applied to display__flex-h	When applied to display__flex-v
`.align-items__stretch`	Makes children take up the full height of the flex box	Makes children take up the full width of the flex box
`.align-items__center`	Makes them “hug” their content and center between the top and bottom of the bounding box	Makes them “hug” their content and center between the left and right of the bounding box
`.align-items__start`	Makes them hug their content and stick to the top of the bounding box	Makes them hug their content and stick to the left of the bounding box
`.align-items__end`	Makes them hug their content and stick to the bottom	Makes them hug their content and stick to the right

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.