<div class="contactCard">
    <div class="contactCard_elem u-bg-theme">
        <h3 class="contactCard_title">Lorem ipsum</h3>
        <div class="typography typography-inverse">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
        </div>
    </div>

    <div class="contactCard_elem">
        <h3 class="contactCard_title">Lorem ipsum</h3>
        <div class="typography">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
        </div>
    </div>
</div>
<div class="contactCard">
  <div class="contactCard_elem u-bg-theme">
    <h3 class="contactCard_title">{{label}}</h3>
    <div class="typography typography-inverse">
      {{{htmlText}}}
    </div>
  </div>

  <div class="contactCard_elem">
    <h3 class="contactCard_title">{{label}}</h3>
    <div class="typography">
      {{{htmlText}}}
    </div>
  </div>
</div>
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
  "htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
  "htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
  "url": "#",
  "videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc"
}

This example show two .contactCard_elem next to each others.

Having only one .contactCard_elem element will not break the contact card module.