Pages

Challenge 2 : la solution

⇥ voir le challenge

Bravo à tous !

Le DupontDOR revient à Gauthier, vous pourrez trouver sa solution sur son blog article.

Notez, également, la solution in extremis de Jade article

Objectifs

Ce challenge vous a permis de découvrir le speudo code ::before

HTML
CSS
<div class="phone">
  00+331435467898
</div>
.phone::before {
  content: "\1F4DE";
  color: #8A2BE2;
}

Mais, je voulais surtout vous faire découvrir la propriété position: absolute et la notion de conteneur.
 ⇢En action

Auto-test

Etudier le code puis dessiner le résultat, si vous retirer la propriété position:relative ↪(test).

 cliquez moi
Pour accéder à l'exemple : cliquez sur l'image