2.2.1 molecules.cards.card-horizontal Singlecard: A card without a wrapper
Makes it possible to render the content of a card without a wrapper. An image is placed next to the text. Only for tablet and bigger!

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.

With supporting text below as a natural lead-in to additional content.
Markup: components/molecules/cards/singlecard.twig
<div class="container container-spacer singlecard">
<div class="card [modifier class]">
<div class="card-header">header</div> <div class="card-content">
<div class="card-media"><img src="kss-assets/img/placeholder_1.jpg" ></div>
<div class="card-block">
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
</div>
</div>
</div>
</div>
components/molecules/cards/_cards.scss
, line 193