Flexbox

Image and text side by side centered. Use class "flexbox-center"

Title goes here

Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

"flexbox-center alt"

Title goes here

Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.


Image and text side by side - use class "flexbox-1"

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu. Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.


Modules side by side in rows of two on desktop - use class "flexbox-2"

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu. Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.


Images side by side in rows of two on desktop - not a list - use class "flexbox-2-c"


Modules side by side (when there are 3 only) - use class "flexbox-3-only"

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu. Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.


Modules side by side in rows of three on desktop - use class "flexbox-3"

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu. Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu malesuada nec in arcu.


Modules side by side in rows of four on desktop - use class "flexbox-4"

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu. Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu. Curabitur quis nibh quis nisi pulvinar ultrices

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.


Modules side by side in rows of five on desktop - use class "flexbox-5"

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu.

  • Heading

    Curabitur quis nibh quis nisi

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci.

  • Heading

    Curabitur quis nibh quis nisi pulvinar

  • Heading

    Curabitur quis nibh quis nisi pulvinar ultrices eget id orci. Curabitur sit amet augue nulla. Nunc eu eros id risus sagittis malesuada nec in arcu. Curabitur quis

  • Heading

    Curabitur quis nibh quis