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

Convert elements

Figma to Webflow App

Nonprofit Organization (NPO) discount

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

Backdrop filters

Build a locale switcher

Canvas settings

Choose a Site plan

Choose a Workspace plan

Code block

Component properties

Connect Google site tools to your Webflow site

Copyright (DMCA) Takedown Notice

Create static page templates

Create your Workspace

Custom CSS properties and values

Custom element

Custom gradient border

Delete Collections

Delete your Webflow account

Design approvals

Downgrade or cancel your Site plan

Downgrade or cancel your Workspace plan

Drop shadows

Duplicate a site

Filters

How to redeem a Webflow startups promo code

How to report abuse

Import/export 301 redirects

Integrate the HubSpot App

Keep your Webflow account secure

Learning Assistant

Localization overview

Localize Collection content

Localize content and styles

Localize page settings

Localized SEO and locale routing

Manage add-ons

Nest components

Page building

Pointer events

Proration and refunds on Workspace and Site plans

Remove unused triggers and animations

Save and publish Collection items

Set a global canonical tag to improve SEO

Site-specific access

Slots

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

Updates to our Site & Workspace plans for July 2024

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

Webflow for educators

Webflow for students

Webflow restrictions for OFAC-sanctioned countries

Workspace billing and invoices

Workspace settings overview

Edit mode

Manually connect a custom domain

Manually connect a custom subdomain