Tutoriel vidéo gratuit (durée 25mn) consacré à la comparaison ente les options auto-fill et auto-fit lors de la création de grilles CSS responsives.
Dans cette vidéo nous allons construire progressivement une grille contenant des images avec le module CSS Grid et on verra comment régler les paramètres afin que la grille soit entièrement responsive, c’est à dire que quelque soit la taille du navigateur (viewport) le contenu s’affichera de façon harmonieuse en se redimensionnant dans des limites que nous allons définir.
Ensuite nous étudierons l’impact des directives auto-fill et auto-fit lorsqu’elles sont appliquées en conjonction avec la fonction minmax() lors de la création du template de colonnes de notre grille.
Finalement nous comparerons les deux solutions à travers deux cas pratiques.
