Grid of Icon Cards

<div class="b b--fw">
    <div class="b-c">
        <div class="sh">
            <h2 class="sh-title">Grid of Icon Cards</h2>
        </div>
        <div class="g">
            <a href="https://www.boston.gov/" class="cdi m-t500 g--4 g--4--sl">
                <div class="cdi-ic" style="background-image: url(/images/global/icons/experiential/private-group-meeting-.svg)"></div>
                <div class="cdi-c">
                    <div class="cdi-t">Representation</div>
                    <div class="cdi-d">Your representation and voting information</div>
                </div>
            </a>
            <a href="https://www.boston.gov/" class="cdi m-t500 g--4 g--4--sl">
                <div class="cdi-ic" style="background-image: url(/images/global/icons/experiential/food-truck.svg)"></div>
                <div class="cdi-c">
                    <div class="cdi-t">City Services</div>
                    <div class="cdi-d">Trash / recycling pick up and street sweeping.</div>
                </div>
            </a>
            <a href="https://www.boston.gov/" class="cdi m-t500 g--4 g--4--sl">
                <div class="cdi-ic" style="background-image: url(/images/global/icons/experiential/311.svg)"></div>
                <div class="cdi-c">
                    <div class="cdi-t">Report an issue to 311</div>
                    <div class="cdi-d">Ways to report non-emergency issues.</div>
                </div>
            </a>
        </div>
    </div>
</div>