ID18 - Content Card Text - 2 Cards In Row

The quick brown fox jumps

The quick brown fox jumps over the lazy dog

The quick brown fox jumps

The quick brown fox jumps over the lazy dog

The quick brown fox jumps

The quick brown fox jumps over the lazy dog

The quick brown fox jumps

The quick brown fox jumps over the lazy dog

Select the CARDS Group
Select Content Cards component
Create a data source within a page or globally based on your requirements.
Select Variant - 2 cards in row
Click on Title / Tag - to update the text
Click on Edit Related Items
Go to Data source and delete two cards
click on save/close
Go to styles select Background color variant as per your requirement
Save it

Developer notes


<div class="component content-cards  two-in-row">

  <div class="component-content">

    <div class="container">

      <div class="row">

        <div class="content-card ">

          <div class="card-section ec-clickable-card ">

            <h2 class="title">Cards</h2>

            <p class="tag">

              <span style="color: #646b6b;">consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&nbsp;</span>

            </p>

          </div>

        </div>

        <div class="content-card ">

          <div class="card-section ec-clickable-card ">

            <h2 class="title">Cards</h2>

            <p class="tag">

              <span style="color: #646b6b;">consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&nbsp;</span>

            </p>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>