Column layout

<div class="ds-block">
    
    <div class="ds-column-layout">
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
    </div>
    
</div>

<div class="ds-block">
    
    <div class="ds-column-layout">
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
    </div>

</div>

<div class="ds-block">
    
    <div class="ds-column-layout">
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
    </div>

</div>

<div class="ds-block">
    
    <div class="ds-column-layout">
        <div class="ds-column-layout__column ds-column-layout__column--span2">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
        <div class="ds-column-layout__column">
            <h3>Heading</h3>
            <p>Content:</p>
            <ul>
                <li>hi</li>
                <li>hi</li>
                <li>hi</li>
            </ul>
            <p><a href="#" class="ds-btn-secondary">Go for it</a></p>
        </div>
    </div>
    
</div>