G-Loot DS — card recap structure

by Augustin Hiebel

HTML

<div className="card-recap">
  <div className="card-image">
    <div className="card-game">
      <span className="icon icon-game-valorant-symbol text-game-valorant" />
    </div>
    <div className="card-date">4 min. ago</div>
    <div className="card-user">
      <div className="avatar avatar-simple avatar-xs">
        <div>
          <img src={agent.url} alt="" />
        </div>
      </div>
      <span>Cypher</span>
    </div>
    <div className="card-meta">
      <img src={match.image} alt="" />
      <span>Competitive</span>
      <span>Haven</span>
    </div>
    <img src="https://res.cloudinary.com/gloot/image/upload/Stryda/stats/valorant/map-piazza.jpg" alt="" />
    <div className="card-overlay">
      <!-- put overlay here -->
    </div>
  </div>
  <div className="card-content">
    <!-- put content here -->
  </div>
</div>