<div class="card-basic-hori br-s p-xs m-xs">
    <div class="card-title-hori">
        <img class="img-basic-hori" src="https://picsum.photos/300/200" alt="card image" />
        <div class="title-subtitle-hori p-s">
            <h3 class="title-basic-hori">Our Changing Planet</h3>
            <h4 class="subtitle-basic-hori">By Kurt Wanger</h4>
        </div>
    </div>

    <p class="content-basic-hori">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor ipsam
        porro facilis perferendis consectetur sunt. Nam exercitationem, veniam
        iure facere explicabo, vel ipsa suscipit recusandae molestiae quo quae
        impedit accusamus!
    </p>
    <div class="action-btns-basic-hori">
        <a href="#" class="links-basic-hori">Read</a>
        <a href="#" class="links-basic-hori">Bookmark</a>
        <i class="far fa-heart icons-basic-hori"></i>
        <i class="fas fa-share-alt icons-basic-hori"></i>
        <i class="fas fa-ellipsis-v icons-basic-hori"></i>
    </div>
</div>