Salut
Dans l'article d'Alsacreation CSS Grid Layout, les ressources indispensables pour apprendre, j'ai découvert le jeu cssgridgarden.com pour apprendre à utiliser Grid Layout, où on nous demande de s'occuper d'un jardin. Je bloque au niveau 26. Voici l'instruction : utilisez grid-template-rows pour tout arroser sauf les 50 premiers pixels de votre jardin. Remarquez que l'eau est définie pour remplir uniquement votre 5ème rangée, donc vous devrez créer 5 lignes au total.
J'ai donc mis : grid-template-row:repeat(4,12.5px) 1fr;
Le repeat(4,12.5px) c'est pour faire 4 lignes de 12.5px (les 50px qui ne seront pas arrosé) et le 1fr c'est pour la 5eme ligne où se trouve l'eau et lui faire prendre la place restante.
Mais ça ne marche pas.
Modifié par schtroumph (07 Apr 2018 - 18:04)
Dans l'article d'Alsacreation CSS Grid Layout, les ressources indispensables pour apprendre, j'ai découvert le jeu cssgridgarden.com pour apprendre à utiliser Grid Layout, où on nous demande de s'occuper d'un jardin. Je bloque au niveau 26. Voici l'instruction : utilisez grid-template-rows pour tout arroser sauf les 50 premiers pixels de votre jardin. Remarquez que l'eau est définie pour remplir uniquement votre 5ème rangée, donc vous devrez créer 5 lignes au total.
J'ai donc mis : grid-template-row:repeat(4,12.5px) 1fr;
Le repeat(4,12.5px) c'est pour faire 4 lignes de 12.5px (les 50px qui ne seront pas arrosé) et le 1fr c'est pour la 5eme ligne où se trouve l'eau et lui faire prendre la place restante.
Mais ça ne marche pas.
Modifié par schtroumph (07 Apr 2018 - 18:04)
. Le détail tout bête qui fait qu'on se prend la tête à chercher d’où peux venir un problème.