“carreaux vivants” Réponses codées

carreaux vivants

<div class="container">
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/people/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/abstract/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/animals/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/business/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/cats/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/city/" alt="" />
    </div>
  </div>
  <div class="panel" id="7">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/food/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/fashion/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/sports/" alt="" />
    </div>
  </div>
  <div class="panel">
    <div class="front">
      <h2>Front</h2>
    </div>
    <div class="back">
      <img src="http://lorempixel.com/200/200/transport/" alt="" />
    </div>
  </div>
</div>