Two columns

Fixed two columns layout.

A curve in a latticework facade in black and white
Messeplatz
Basel, Switzerland
Photo: Colin Carter

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

An alternative perspective on a Chicago landmark
Lincoln Park
Chicago, United States
Photo: Aaron Burson
  • Behind the word mountains.
  • The countries Vokalia and Consonantia.
  • There live the blind texts.

Three, to two, columns

Three columns will display as two columns on smaller screens.

Elnòs shopping mall pattern
Elnòs shopping mall
Roncadelle, Italy
Photo: Luca Bravo

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Gray and brown concrete roof
Interior
Sydney, Australia
Photo: Jeremy Bishop
  • Behind the word mountains.
  • The countries Vokalia and Consonantia.
  • There live the blind texts.
White ribs in facade agiants a white sky
AV Mediopadana
Reggio Emilia, Italy
Photo: Luca Bravo

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Auto columns

Auto will fit as many columns as possible, with a minimal width of 150px. Options applied: ‘panel’ and ‘center text’.

A curve in a latticework facade in black and white
Messeplatz
Basel, Switzerland
Photo: Colin Carter

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

An alternative perspective on a Chicago landmark
Lincoln Park
Chicago, United States
Photo: Aaron Burson
  • Behind the word mountains
  • The countries Vokalia and Consonantia
  • There live the blind texts
Elnòs shopping mall pattern
Elnòs shopping mall
Roncadelle, Italy
Photo: Luca Bravo

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Gray and brown concrete roof
Interior
Sydney, Australia
Photo: Jeremy Bishop
  1. Behind the word mountains
  2. The countries Vokalia and Consonantia
  3. There live the blind texts
White ribs in facade agiants a white sky
AV Mediopadana
Reggio Emilia, Italy
Photo: Luca Bravo

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Paul-Löbe-House, Berlin, Germany
Paul-Löbe-House
Berlin, Germany
Photo: Lysander Yuen

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Images

When using images in columns be sure to use the set: attribute, this will generate the proper set of responsive images for columns:

(image:my-image.jpg set:small)

Alternatively, you can use images with a width of around 350px to fit the columns.

Share

Marco Koedam

Marco Koedam

I am a graphic designer, front-end webdeveloper and photographer. Fascinated with the synergy between style and content, message and presentation, form and function. Ever since I was a little boy in the early 70’s, designing the program for a school play – how time flies when you’re having fun.