Default stacking
How content in columns will stack by default.
Default stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Default stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Default stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Default stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Custom stacking
How content in columns will stack with minor modifications.
Update: Change columns to width 6 columns and desktop width to 3 columns.
Custom stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Custom stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Custom stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Custom stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Advanced stacking
How content in columns will stack with more advanced customisation.
Update: Update columns to width 5 columns, desktop to 3 columns and mobile to 6 columns. Duplicate images and set hidden / visible for mobile. Hide last two columns on mobile.
Advanced stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.
Advanced stacking
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula, justo nec finibus commodo, risus lorem molestie justo, maximus facilisis lorem est laoreet justo. Fusce vehicula aliquet dolor nec porta.
Cras vel tincidunt sem. Nullam nisl odio, faucibus a malesuada vitae, pharetra nec diam. Maecenas iaculis facilisis turpis.