Nice Column Element for your Layouts

Build any layout and place any elements of all shapes and sizes thanks to UDesign's powerful Column Element. It provides flexible and mobile-first flexbox grid options

One Full

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur.

One Half

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

One Half

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

One Third

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id.

Two Third

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id. nibh ultricies vehicula id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Three Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id. nibh ultricies vehicula id elit.Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

One Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.

Two Fifth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id. nibh ultricies vehicula id

Three Fifth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id. nibh ultricies vehicula id elit.Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Five Sixth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id. nibh ultricies vehicula id elit.Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur.

One Sixth

Donec sed odio dui. Nulla vitae

Custom Columns & Gap Space

Udesign helps users to build any layouts providing options to adjust column width and the space between columns manually.

Default Gap Space 30px
No Gap Space
Narrow Gap Space 10px
Normal Gap Space 20px
Wide Gap Space 40px
Wider Gap Space 50px

Glossary

Column Element Options

Customize Elements Globally or Individually

  • Column Width: Controls each column’s width.
  • Vertical Align: Controls the vertical alignment of content in columns.
  • Horizontal Align: Controls the horizontal alignment of content in columns.
  • Widget Space: Controls the spacing between widgets in a column.
  • HTML Tag: Choose proper html tag for column from our tags group.
  • Column Gap: Options to select spacing between columns form our list.
  • Column Gap Default: Spacing between columns is 15px.
  • Column No Gap: Spacing between columns is 0px.
  • Column Gap Narrow: Spacing between columns is 5px.
  • Column Gap Normal: Spacing between columns is 10px.
  • Column Gap Wide: Spacing between columns is 20px.
  • Column Gap Wider: Spacing between columns is 30px.
  • Column Gap Custom: Spacing between columns can set you want.