👏🏼 Bravo à tous ceux qui ont pu mettre leur projet sur GitHub.

🔙Vous n'aurez pas de ma part un retour individuel !

Cependant, évitez de faire comme certains : j’ai reçu toutes les deux minutes une nouvelle version.

Certes, il existe une fonction de suppression des doublons, mais évitez cela à tout prix (vous pouvez à tout moment modifier le contenu de votre CV sans changer l’URL).

Je peux noter que certains étudiants n’ont pas suivi la formation Microsoft ni respecté le code du CV à cloner. Ainsi, nous retrouvons du code CSS non vu en cours. Voici par exemple un cas où la technologie flex est utilisée.

D’autres utilisent des technologies obsolètes, comme position: absolute, pour simuler des colonnes

Vous pourriez egalement donner des nom de classe plus explicite sur le contenu !

Attention : vous avez mis un numéro de téléphone. Soyez conscients que ce numéro est en ligne et visible de tous !

🥉Les bons points !

Certaines étudiantes et certains étudiants ont utilisé des media queries. Ce n’est pas une obligation, mais c’est un vrai plus.

Pour ceux qui ont mis des niveaux de compétences, voici une version avec des étoiles !

See the Pen like by SuperDupont (@SuperDupont) on CodePen.

Grid : auto-flow-columns

Rappel sur le sens du remplissage d'une grille

grid-auto-flow: row;

grid-auto-flow: column;

1 2 3 →

4 5 6

1 4 ↓

2 5

3 6

🪛Code en action

Dans le simulateur : https://dupontdenis.github.io/TestSelecteurDemo/

remplacez le code par les codes suivants !

HTML

  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Category</a></li>
    <li><a href="#">Sub Category</a></li>
    <li><a href="#">Type</a></li>
  </ul>

CSS

  ul {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;

    list-style: none;
  }

  li:not(:last-child)::after {
    content: "→";
  }

  a {
    color: white;
  }