Split

50-50 split responsive div

Examples

Here's a heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia soluta consequatur iure quasi vero odit rem! Corporis, commodi, vel minus dolorem saepe architecto mollitia et laboriosam harum, dolorum asperiores cumque?

<div class="split">
        <div class="one">
            <h1 class="text-primary">Here's a heading</h1>
            <p class="py-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia soluta consequatur iure quasi vero odit rem! Corporis, commodi, vel minus dolorem saepe architecto mollitia et laboriosam harum, dolorum asperiores cumque?</p>
        </div>
        <div class="two">
            <img src="/assets/img/oatcake.png" alt="logo" style="max-width: 300px;">
        </div>
</div>