Skip to main content

Flex Box

Nectar Flex Box Block Icon

The Flex Box block utilizes CSS flexbox to display content horizontally or vertically. This offers versatile display options that adapt to the various layout needs of your page.

General settings​

  • Content Gap Allows you to adjust the gap between the content in your flex box.
Nectarblocks Flexbox Settings

Block Controls Available​

The following are common Nectar Block controls which are used in other blocks as well as the Flex Box block.

  • Display
  • Background
  • Border
  • Size
  • Position
  • Spacing
  • Link
  • Effects / Transform
  • Animations