V Flex and H Flex elements

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

The V Flex and H Flex elements are div blocks that have been pre-set to flexbox. These elements let you design with flexbox more efficiently.

V Flex is set to vertical flexbox, which means that child elements placed in the div will flow vertically (i.e., up to down). H Flex is set to horizontal flexbox, which means that child elements placed in the div will flow horizontally (i.e., left to right). You can access these elements in the Add panel > Structure section.

Use the V Flex and H Flex elements for more efficient layout design.

Note: The Navigator panel displays V Flex and H Flex elements as “Flex Block.”

Table of contents

Continue learning

Figma to Webflow App

Add a Spline scene to your Webflow site

Add or remove Workspace seats and members

Align box overview

Archive a site

Archive your Workspace

Asset privacy

Build a locale switcher

Choose a Site plan

Code block

Component properties

Copyright (DMCA) Takedown Notice

Create your Workspace

Custom CSS properties and values

Custom element

Custom gradient border

Delete your Webflow account

Downgrade or cancel your Site plan

Downgrade or cancel your Workspace plan

Duplicate a site

Integrate the HubSpot App

Keep your Webflow account secure

Localization overview

Localize Collection content

Localize content and styles

Localize page settings

Localized SEO and locale routing

Manage Localization add-on plans

Nest components

Pointer events

Proration and refunds on Workspace and Site plans

Set a global canonical tag to improve SEO

Site-specific access

Switch between Workspaces

Switch your Workspace or Site plan billing frequency

Transfer a site

Update your Dashboard notification settings

Update your email subscription settings

Update your text notification settings

Upgrade your Site plan

Upgrade your Workspace plan

Upload an Apple associated domain file

Use components in Collection lists and Collection pages

Variables

View all invoices for Workspace and Site plans

View and update your payment card

View your account security activity

Workspace billing and invoices

Workspace settings overview

Edit mode

Manually connect a custom domain

Manually connect a custom subdomain

Quick connect a custom domain

Quick connect a custom subdomain

Webflow Apps overview

Publishing workflow

Add Shopify products to your Webflow site

Connect Webflow to third-party apps with Zapier

Embed Soundcloud tracks on your Webflow site

Embed an Eventbrite checkout on your Webflow site

Embed dynamic Twitter share buttons on your Webflow site

Integrate Optimizely for A/B testing

Embed an Instagram feed on your site with Elfsight

Control text wrapping and line breaking

Single Sign-On (SSO) Login

Comments

Building web layouts

V Flex and H Flex elements

DevLink in the Designer

Creator Credits

Quick Stack

Text stroke

Webflow staging subdomain

Import/export user accounts

Disable spellcheck with custom attributes