Aller au contenu

Cours 4

Donkey Kong

Le but de cet exercice est de reproduire le résultat attendu avec des classes Bootstrap.

Résultat attendu

Instructions

  • Effectuez un fork du CodePen de base
  • Prendre connaissance et comprendre les classes .floor-style1, .floor-style2 et .ladder qui figurent dans le CSS
  • Analysez attentivement le code HTML et sa structure

En n'ajoutant que des classes au HTML et uniquement aux endroits où il est inscrit class="", vous devez reproduire le résultat attendu. Voici la liste de toutes les classes dont vous aurez besoin :

  • container
  • row
  • col
  • col-8
  • col-4
  • col-2
  • offset-1
  • offset-2
  • text-center
  • d-flex
  • justify-content-center
  • justify-content-around
  • align-items-end
  • floor1
  • floor2
  • ladder