<div class="preview-latest-discussions">
  <header class="section-sub-header-display">
    <h3 class="section-title">
      Latest Discussions
    </h3>

    <div class="section-link">
      <a class="btn-secondary" href="/" role="link">
        All
      </a>
    </div>
  </header>
  <!-- /section-sub-header-display -->

  <div class="list-item-discussion-compact">
    <div class="preview-discussion">
      <div class="discussion-content">
        <div class="discussion-avatar user-rating-1 user-rating-sm">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
        </div> 

        <div class="discussion-text">
          <a href="/" class="discussion-title">Topic title ipsum dolor sit amet</a>

          <a class="discussion-details" href="/">Challenge title</a>
          </span>
        </div> 
      </div>
    </div>  

    <a class="discussion-comments" href="/">
      <i class="las la-comment-alt"></i>
      
      <span class="discussion-comments-counter">
        12
      </span>
    </a>
  </div>
  <!-- /list-item-discussion-compact -->

  <div class="list-item-discussion-compact">
    <div class="preview-discussion">
      <div class="discussion-content">
        <div class="discussion-avatar user-rating-3 user-rating-sm">
          <img class="avatar" src="./../../assets/images/custom-avatar-5.png" alt="User avatar">
        </div> 

        <div class="discussion-text">
          <a href="/" class="discussion-title">Topic title ipsum dolor sit amet</a>

          <a class="discussion-details" href="/">Challenge title</a>
          </span>
        </div> 
      </div>
    </div>  

    <a class="discussion-comments" href="/">
      <i class="las la-comment-alt"></i>
      
      <span class="discussion-comments-counter">
        4
      </span>
    </a>
  </div>
  <!-- /list-item-discussion-compact -->

  <div class="list-item-discussion-compact">
    <div class="preview-discussion">
      <div class="discussion-content">
        <div class="discussion-avatar user-rating-4 user-rating-sm">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
        </div> 

        <div class="discussion-text">
          <a href="/" class="discussion-title">Topic title ipsum dolor sit amet</a>

          <a class="discussion-details" href="/">Challenge title</a>
          </span>
        </div> 
      </div>
    </div>  

    <a class="discussion-comments" href="/">
      <i class="las la-comment-alt"></i>
      
      <span class="discussion-comments-counter">
        6
      </span>
    </a>
  </div>
  <!-- /list-item-discussion-compact -->

  <div class="list-item-discussion-compact">
    <div class="preview-discussion">
      <div class="discussion-content">
        <div class="discussion-avatar user-rating-1 user-rating-sm">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
        </div> 

        <div class="discussion-text">
          <a href="/" class="discussion-title">Topic title ipsum dolor sit amet</a>

          <a class="discussion-details" href="/">Challenge title</a>
          </span>
        </div> 
      </div>
    </div>  

    <a class="discussion-comments" href="/">
      <i class="las la-comment-alt"></i>
      
      <span class="discussion-comments-counter">
        2
      </span>
    </a>
  </div>
  <!-- /list-item-discussion-compact -->

  <div class="list-item-discussion-compact">
    <div class="preview-discussion">
      <div class="discussion-content">
        <div class="discussion-avatar user-rating-5 user-rating-sm">
          <img class="avatar" src="./../../assets/images/custom-avatar-6.png" alt="User avatar">
        </div> 

        <div class="discussion-text">
          <a href="/" class="discussion-title">Topic title ipsum dolor sit amet</a>

          <a class="discussion-details" href="/">Challenge title</a>
          </span>
        </div> 
      </div>
    </div>  

    <a class="discussion-comments" href="/">
      <i class="las la-comment-alt"></i>
      
      <span class="discussion-comments-counter">
        5
      </span>
    </a>
  </div>
  <!-- /list-item-discussion-compact -->
  
</div>