Details

The details component is used to sum up some details about a piece of art, such as the year it was painted in.

Default

px

			
				<div class="c-details ">
	<dl class="c-details__list">
		<div class="c-details__list-item">
			<dt class="c-details__list-title">Title:&nbsp;</dt>
			<dd class="c-details__list-definition">De Parijse Sfinks</dd>
		</div>
		<div class="c-details__list-item">
			<dt class="c-details__list-title">Date:&nbsp;</dt>
			<dd class="c-details__list-definition">1875 - 1877</dd>
		</div>
		<div class="c-details__list-item">
			<dt class="c-details__list-title">Geography:&nbsp;</dt>
			<dd class="c-details__list-definition">Brussel, Belgiƫ</dd>
		</div>
		<div class="c-details__list-item">
			<dt class="c-details__list-title">Medium:&nbsp;</dt>
			<dd class="c-details__list-definition">Olieverf op doek</dd>
		</div>
		<div class="c-details__list-item">
			<dt class="c-details__list-title">Dimensions:&nbsp;</dt>
			<dd class="c-details__list-definition">72cm x 52cm x 4,8cm (HxBxD)</dd>
		</div>
		<div class="c-details__list-item">
			<dt class="c-details__list-title">Inventorynumber:&nbsp;</dt>
			<dd class="c-details__list-definition">1373</dd>
		</div>
		<div class="c-details__list-item">
			<dt class="c-details__list-title">Exhibited:&nbsp;</dt>
			<dd class="c-details__list-definition">Niet te bezichtigen</dd>
		</div>
	</dl>
</div>