<div class="list-item-challenge-compact">
  <div class="challenge-main">
    <a class="challenge-image" href="/">
      <img src="./../../assets/images/placeholder-challenge-1.png" alt="Challenge image"> 
    </a>

    <div class="challenge-text">
      <div class="badge-time-left">
        <i class="lar la-clock"></i>
        Starting soon
      </div>

      <h3 class="challenge-title">
        <a class="challenge-link" href="/">Challenge title</a>    
      </h3>

      <div class="preview-organizer">
        <span class="preview-organizer-text">
          Organized by
        </span> 

        <span class="preview-organizer-name">
          <a class="preview-organizer-link" href="/">OpenAI</a>
        </span>

        <a class="preview-organizer-avatar" href="/" aria-label="Organizer Name" data-balloon-pos="up">
          <img class="avatar" src="./../../assets/images/placeholder-organizer-avatar-1.png" alt="User avatar">
        </a>
      </div>
    </div>
  </div> 

  <div class="challenge-categories">
    <h4 class="challenge-title-secondary">Categories</h4>
    <ul class="challenge-list">
      <li class="challenge-list-item">
        <a class="challenge-link" href="/">#category</a>
      </li>

      <li class="challenge-list-item">
        <a class="challenge-link" href="/">#another_category</a>
      </li>
    </ul>
  </div>

  <div class="challenge-participants">
    <h4 class="challenge-title-secondary">Participants</h4>
    <span>1.2k</span>
  </div>

  <div class="challenge-prizes">
    <h4 class="challenge-title-secondary">Prizes</h4>
    <ul class="challenge-list">
      <li class="challenge-list-item">
        10 Travel Grants
      </li>

      <li class="challenge-list-item">
        $12,000
      </li>
    </ul>   
  </div>
</div>