J'avais codé une galerie avec du JS pour arriver à ce résultat. Ojd, avec flex et object-fit c'est codé en 2 temps 3 mouvements... Incroyable ! Merci pour tes partages, c'est top 👍
salut tres bon tuto les explications sont claires! Petite question, est-ce possible de faire en sorte que les images ne soient jamais recadrées? Je comptais utiliser le tuto pour mon portfolio de photographie, je connais la fonction aspect ratio mais je sais pas si ca serais toujours parfaitement responsive
merci pour la vidéo, j'aimerais mettre en avant plan de chaque image un text(avec un lien cliquable) tout en utilisant flex, sais-tu si c'est possible sans mettre les images en background ?
Salut, :last-child sélectionne alors que ::after va créer un élément qui va clore la liste; Il faut également que cet élément prenne la majorité de l'espace restant, d'où le flex-grow: 10;.
Toujours aussi efficace !!! Simple, clair, net et précis !!! Merci Enzo 🙏👍
J'avais codé une galerie avec du JS pour arriver à ce résultat. Ojd, avec flex et object-fit c'est codé en 2 temps 3 mouvements... Incroyable !
Merci pour tes partages, c'est top 👍
Simple, concis, efficace, Bravo et merci pour tes topos toujours au top 👍
Super vidéo comme d'habitude...
du CSS basique, mais très bien maîtrisé, le rendu est top!!
Comme d'habitude bien expliqué 👏👏👏👏
Que du plaisir tes vidéos, merci énormément 😊
Merci boss !
Super, j'ai appris quelque chose d'utile aujourd'hui ! Merci
Assez sympa le résultat final
Toujours au top !! 👍
Merci pour ce tuto
Merci pour le tuto
Salut merci pour l'astuce.
Je me demandais si c'était obligé de mettre nos images dans une liste pour que ça marche
Avec plaisir, ce n'est pas obligé.
Merci pour le tuto 🔥 !!, can you do a tuto about API plz :), "comment faire une API with node.js" merci d'avance 🙏
salut tres bon tuto les explications sont claires! Petite question, est-ce possible de faire en sorte que les images ne soient jamais recadrées? Je comptais utiliser le tuto pour mon portfolio de photographie, je connais la fonction aspect ratio mais je sais pas si ca serais toujours parfaitement responsive
Merciiiiiiiiii 💥💥💥💥
merci pour la vidéo, j'aimerais mettre en avant plan de chaque image un text(avec un lien cliquable) tout en utilisant flex, sais-tu si c'est possible sans mettre les images en background ?
Tu peux entourer une image et un texte d'un lien.
Tu peux aussi mettre l'image en background d'un lien qui entoure un texte.
Bonjour est ce normal que cela ne fonctionne pas sur le navigateur safari ? y a t'il quelque chose qu'il faut modifier mais ca fonctionne sur chrome
Bonjour, c'est étrange car je n'utilise pas de propriétés mal supportées ici, avez-vous testé avec le code source(description) sans rien toucher ?
@@EcoleduWeb j'ai bien pris ce fichier mais sur safari cela ne fonctionne pas ! voir si une autre personne à fait le test
@@wika-media Y a encore des gents qui utilisent Safari ?! C'est pire qu'IE y a 15 ans :P
@@EcoleduWeb En effet, sur Safari, il faut remplacer dans ".gallery img" le "width: 100%" par "min-width: 100%" et ça fonctionne très bien.
@@wika-media En effet, sur Safari, il faut remplacer dans ".gallery img" le "width: 100%" par "min-width: 100%" et ça fonctionne très bien.
On ne pourrait pas, à la place de .gallery::after, utiliser .gallery li:last-child et mettre un flex-grow: 0 ? Le ::after est-il mieux?
Salut, :last-child sélectionne alors que ::after va créer un élément qui va clore la liste;
Il faut également que cet élément prenne la majorité de l'espace restant, d'où le flex-grow: 10;.