Columns

The grid is an essential part of graphic design

1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in henderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.
2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in henderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.
[one_half] Column 1... [/one_half] [one_half_last] Column 2... [/one_half_last]
1Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu.
2Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu.
3Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu.
[one_third] ... [/one_third] [one_third] ... [/one_third] [one_third_last] ... [/one_third_last]
1Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu.
2Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Excepteur sint occaecat cupidatat non proident.
[one_third] ... [/one_third] [two_third_last] ... [/two_third_last]
1Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, nostrudus.
2Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, nostrudus.
3Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, nostrudus.
4Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, nostrudus.
[one_fourth] ... [/one_fourth] [one_fourth] ... [/one_fourth]
[one_fourth] ... [/one_fourth] [one_fourth_last] ... [/one_fourth_last]
1Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, nostrudus.
2Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Excepteur sint occaecat mol cupidatat non proident. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac integer leo pede ornare vestilum.
[one_fourth] ... [/one_fourth] [three_fourth_last] ... [/three_fourth_last]
1Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid labore et dolore magna.
2Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid labore et dolore magna.
3Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid labore et dolore magna.
4Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid labore et dolore magna.
5Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidid labore et dolore magna.
[one_fifth] ... [/one_fifth] [one_fifth] ... [/one_fifth]
[one_fifth] ... [/one_fifth] [one_fifth] ... [/one_fifth] [one_fifth_last] ... [/one_fifth_last]
1Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Lorem ipsum dolor sit amet, sectetur adipisicing elit, eiusmodor.
2Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac integer leo pede vestilum issus.
[two_fifth] ... [/two_fifth] [three_fifth_last] ... [/three_fifth_last]
1Lorem ipsum dolor magna, consectetur adipisicing elit, tempo incidid labore et dolor nul tellus antebellum.
2Lorem ipsum dolor magna, consectetur adipisicing elit, tempo incidid labore et dolor nul tellus antebellum.
3Lorem ipsum dolor magna, consectetur adipisicing elit, tempo incidid labore et dolor nul tellus antebellum.
4Lorem ipsum dolor magna, consectetur adipisicing elit, tempo incidid labore et dolor nul tellus antebellum.
5Lorem ipsum dolor magna, consectetur adipisicing elit, tempo incidid labore et dolor nul tellus antebellum.
6Lorem ipsum dolor magna, consectetur adipisicing elit, tempo incidid labore et dolor nul tellus antebellum.
[one_sixth] ... [/one_sixth] [one_sixth] ... [/one_sixth] [one_sixth] ... [/one_sixth]
[one_sixth] ... [/one_sixth] [one_sixth] ... [/one_sixth] [one_sixth_last] ... [/one_sixth_last]
1Lorem ipsum dolor magna, consectetur adipisicing elit, tempo incidid labore et dolor nul tellus antebellum.
2Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Lorem ipsum dolor sit amet, sectetur adipisicing elit, sed do eiusmod por incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat voluptate velit esse cillu. Excepteur sint occaecat mol cupidatat non proident. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac integer leo pede ornare vestilum quis nostrud exercitation ullamco laboris.
[one_sixth] ... [/one_sixth] [five_sixth_last] ... [/five_sixth_last]

Available column configurations

  • halves – divide any area into halves
  • thirds – divide any area into thirds or any combinations of thirds (ex. one thirds / two thirds)
  • fourths – divide any area into fourths or any combinations of fourths (ex. one fourth / three fourths)
  • fifths – divide any area into fifths or any combinations of fifths (ex. two fifths / three fifths)
  • sixths – divide any area into fifths or any combinations of fifths (ex. one sixth / five sixths)

Síguenos en Facebook

Síguenos en Twitter