Examples
Default styling

PREPARE FOR A SPECTACULAR NIGHT OF COMEDY

28 February 2019. One night, one stage, eight giants of comedy live at The SSE Arena, Wembley

Here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things,

Sign up for pre-sale tickets

.paragraph--full-height-sing-img-triple-copy--image-right
image right

PREPARE FOR A SPECTACULAR NIGHT OF COMEDY

28 February 2019. One night, one stage, eight giants of comedy live at The SSE Arena, Wembley

Here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things,

Sign up for pre-sale tickets

Markup: components/full-height-single-image-triple-copy/full-height-single-image-triple-copy.twig
<section class="paragraph--full-height-sing-img-triple-copy {{modifier_class}} bg--purple">
    <div class="fhsitc__image-text-wrapper">
        <div class="fhsitc__text-1 bg--red "> 
            <img src="kss-assets/images/example-emoji.png">
        </div>
        <div class="fhsitc__image bg--yellow">
         <img src="kss-assets/images/london4-3.jpg">
         </div>
        <div class="bg--green fhsitc__text-2 "> 
            <img src="kss-assets/images/example-emoji.png">
        </div>
    </div>
    <div class="bg--teal fhsitc__text-wrapper">
        <div class="fhsitc__text-3">
        <h1 class="text-align-center"><strong>PREPARE FOR A SPECTACULAR NIGHT OF COMEDY</strong></h1>

<p class="text-align-center">28 February 2019. One night, one stage, eight giants of comedy live at The SSE Arena, Wembley</p>

<p class="text-align-center">Here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, here's some long addtional copy to help break things, </p>

<p class="text-align-center"><a class="btn btn--white" href="https://www.comicrelief.com/#newsletter" title="find out more about Spectacular">Sign up for pre-sale tickets</a></p>
         </div> 
    </div>
</section>
Source: _cr19-styleguide.scss, line 341