KMSKA

Layout that displays the different paintings in a masonry layout.

Modifiers

Default


			
				<div class="l-masonry js-masonry ">
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-01.jpg" alt="Schilderij Bewegin van Christus van Anthony van Dyck" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-02.jpg" alt="Schilderij Bewegin van Christus van Anthony van Dyck" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-03.jpg" alt="Schilderij Bewegin van Christus van Anthony van Dyck" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-04.jpg" alt="Schilderij Bewegin van Christus van Anthony van Dyck" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-05.jpg" alt="Schilderij Bewegin van Christus van Anthony van Dyck" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-06.jpg" alt="Schilderij Bewegin van Christus van Anthony van Dyck" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
</div>

Two columns


			
				<div class="l-masonry js-masonry l-masonry--two-columns">
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-01.jpg" alt="Schilderij Beweging van Christus van Anthony van Dyck" width="604" height="529" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-02.jpg" alt="Schilderij Beweging van Christus van Anthony van Dyck" width="604" height="841" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-03.jpg" alt="Schilderij Beweging van Christus van Anthony van Dyck" width="604" height="884" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-04.jpg" alt="Schilderij Beweging van Christus van Anthony van Dyck" width="604" height="420" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-05.jpg" alt="Schilderij Beweging van Christus van Anthony van Dyck" width="604" height="471" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
	<figure class="c-figure l-masonry__item">
		<img class="c-figure__image u-idle" src="/assets/images/masonry/painting-06.jpg" alt="Schilderij Beweging van Christus van Anthony van Dyck" width="604" height="794" />
		<figcaption class="c-figure__caption">
			Beweging van Christus, Anthony van Dyck
		</figcaption>
	</figure>
</div>

Documentation

Modifiers

l-masonry--two-columns

Two column layout instead of the default 3 column layout on big screens.