JSFiddle - React, Tailwind, and code Playground

by Laura Kishimoto

HTML

<div class="ps-list__block">
    <div class="col-xs-12 col-sm-6 col-md-6 aaa">
        <div class="ps-list__block--left">
            <h1>Incubation</h1>
            <p><strong>Incubation? Think Interhatch!</strong></p>
            <p>We started out in incubation way back in 1980 - seems a long time ago now! Back then, we were almost unique in our field!</p>
            <p>In the intervening years Interhatch has become known the world over for its expertise in providing the right incubator for every purpose - whether it be the&nbsp;rarest species&nbsp;conservation project, commercial hatcheries, clean-area vaccine
                production or just the humble backyard chicken - if you need to put eggs in an incubator, Interhatch has the right incubator for your eggs!</p>
            <p>Drawing from the best manufacturers all over the world we specialise in only supplying products in which we have full confidence, which meet our exacting standards - because we are not tied to a brand, we are able to offer impartial advice
                on the best incubator for your needs - and if you need something extra special, maybe with enhanced controls or biosecurity - then our own design team have a proven track record in meeting the most exacting of specifications.</p>
            <p><a href="../../../products-and-services/incubation/egg-calculator">Link to egg calculator</a></p>
            <p><strong>For friendly,&nbsp;expert advice, call now on 01246 264646</strong>&nbsp;</p>
        </div>
    </div>


    <div class="col-xs-12 col-sm-6">


        <div class="video-container__youtube bbb">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe width="624" height="369" src="//www.youtube.com/embed/PedajVADLGw?hd=1&amp;rel=0" frameborder="0" allowfullscreen="true"></iframe>
            </div>
        </div>
    </div>
</div>

CSS

.ps-list__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.bbb {
    max-width: 500px;
}