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;

  }