These little guys are waiting for you

The header row is positioned fixed. You can find the setting in the position section of the design pane. A result is that the header row does not take up any space, the next row flows under (or over, depending on the order in the html) it. To compensate for that a 50px top padding is added to the second ‘call-out’ row. Voluptatemsequi nesciunt orasario jauystase joasuaserya vytarsa numquam eius modi teincidunt, ut labore et dolore magnam liaseras.

Violet by Ella Mullins

For this section we are using 4 columns of 3 spans each. Yep, the total is 12 again!

The design for these section cards is straightforward, just a matter of playing with margins, padding, backgrounds and corner radius to get to this result.

Lily by Mark Sebastian

Oh, we forgot, the lovely picture in the call-out section is a background image on the row. Curabitur dictum, justo ut tempus consectetur, mi leo tincidunt risus, vel posuere leo neque vel libero. Duis porta tortor dui, eu lobortis turpis ultrices nec.

Doubles by Sneakerdog

Ut elementum lectus quam, ornare placerat erat tempor id. Donec ut tortor aliquam nulla egestas pulvinar. Vestibulum mollis erat in sem porta, nec congue dui varius. Mauris suscipit nisl et ornare feugiat. Duis commodo cursus eros et finibus.

Alfie by ~ezs

Nulla velit magna, consequat sit amet libero nec, porta auctor nibh. Curabitur tincidunt, urna in sollicitudin dapibus, enim lectus volutpat magna, a aliquam velit diam quis arcu.

Paulie by Shoichi Masuhara

Suspendisse eget ligula vitae lacus pretium iaculis. Sed tempor est id dui luctus viverra. Donec vehicula tellus nec diam finibus malesuada. Integer justo massa, gravida nec ipsum vitae.

Fiona by Basheer Tome

Morbi tristique diam ultricies, laoreet lectus in, vulputate nulla. Quisque fermentum elementum quam a gravida.

PePeLoLo by Hery Zo

Nunc sit amet nunc neque. Maecenas imperdiet lacus tellus, at suscipit nunc bibendum et. Sed viverra enim quis diam ultrices, quis ultrices mauris varius. Nam id libero a elit molestie sodales.

Bagheera by Alexandra Zakharova

Nunc sit amet nunc neque. Maecenas imperdiet lacus tellus, at suscipit nunc bibendum et. Sed viverra enim quis diam ultrices, quis ultrices mauris varius. Nam id libero a elit molestie sodales.