boite rouge fait 300px sur 300px. 2 boite oranges cote à cote centrées à l'intérieur separees d'une petite marge
boite rouge fait 300px sur 100px. deux boites orangesde part et d'autre
boite rouge fait toute la largeur de la page sur 100px hauteur. deux boites orange de part et d'autre contenant chacune 2 boites jaunes centrées à l'intérieur.
utiliser la propriété flex wrap pour obtenir cet effet
chaque image doit tenir dans 300px sur 300px sans être déformée
pour cela manipulez la propriété css object-fit:contain
trouvez vos propres sources d'images sur internet avec clic droit : copy image address
les images qui depassent doivent scroll dans le container mère (rouge)
trouvez vos propres sources d'images sur internet avec clic droit : copy image address
la width des images s'adapte à la taille de l'écran
collection de photos de chatons a