JSFiddle - React, Tailwind, and code Playground

by Pratik Galoria

HTML

<div class="client-stories-container">
  <h2 class="client-stories-container-title">Other client stories you might be interested in</h2>
  <div class="client-stories-list">
    {% set posts = blog_recent_posts('discover', 10) %}
    {% set count = 0 %}
    {% for post in posts %}
    {% if post.featured_image != '' and count < 3 %}
    <div class="client-story">
      <div class="client-story-image">
        <img src="{{ post.featured_image }}" alt="">
      </div>
      <div class="client-story-story">
        <div class="title">{{ post.name }}</div>
        <span class="post-description">{{ post.title }}</span>&nbsp;<span class="post-link"><a href="{{ post.absolute_url }}">Read More</a></span>
      </div>
    </div>
    {% set count = count + 1 %}
    {% endif %}
    {% endfor %}
  </div>
</div>