Dynamic List

<div class="component rhd-c-dynamic-content-list-compact">
    <div class="pf-l-grid">
        <div class="pf-l-grid__item pf-m-12-col">
            <h2 class="pf-c-title">Latest articles on topic</h2>
        </div>
        <div class="pf-l-grid__item pf-m-12-col">
            <div class="pf-c-card rhd-c-card__list">
                <div class="rhd-c-card-content">
                    <h3 class="rhd-c-card__title">
                    <a href="#" class="rhd-m-link">Title of the article that can be any number of lines</a>&nbsp;
                    <span class="rhd-m-list__comment">
                        <i class="fas fa-comment"></i> 2
                    </span>
                    </h3>
                </div>
            </div>
            <div class="pf-c-card rhd-c-card__list">
                <div class="rhd-c-card-content">
                    <h3 class="rhd-c-card__title">
                    <a href="#" class="rhd-m-link">Title of the article that can be any number of lines</a>&nbsp;
                    <span class="rhd-m-list__comment">
                        <i class="fas fa-comment"></i> 2
                    </span>
                    </h3>
                </div>
            </div>
            <div class="pf-c-card rhd-c-card__list">
                <div class="rhd-c-card-content">
                    <h3 class="rhd-c-card__title">
                    <a href="#" class="rhd-m-link">Title of the article that can be any number of lines</a>&nbsp;
                    <span class="rhd-m-list__comment">
                        <i class="fas fa-comment"></i> 2
                    </span>
                    </h3>
                </div>
            </div>
            <div class="pf-c-card rhd-c-card__list">
                <div class="rhd-c-card-content">
                    <h3 class="rhd-c-card__title">
                    <a href="#" class="rhd-m-link">Title of the article that can be any number of lines</a>&nbsp;
                    <span class="rhd-m-list__comment">
                        <i class="fas fa-comment"></i> 2
                    </span>
                    </h3>
                </div>
            </div>
            <div class="pf-c-card rhd-c-card__list">
                <div class="rhd-c-card-content">
                    <h3 class="rhd-c-card__title">
                    <a href="#" class="rhd-m-link">Title of the article that can be any number of lines</a>&nbsp;
                    <span class="rhd-m-list__comment">
                        <i class="fas fa-comment"></i> 2
                    </span>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>