TLDR :

img {
  max-width: 100%;
}
img[width] {
  width: auto; /* Defer to max-width */
}
img[width][height] {
  height: auto; /* Preserve aspect ratio */
}

/* Let SVG scale without boundaries */
img[src$=".svg"] {
  width: 100%;
  height: auto;
  max-width: none;
}

Tout est dans le titre

Impressionnant

Des équivalents HTML / CSS à des fonctions JavaScript pour de meilleures performances

Tout est dans le titre

Un article complet sur la fusion des marges en CSS

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

L'idée est de donner l'illusion de l'aléatoire en utilisant un sélecteur nth-child(z) .Avec z premier, cela donne de bons résultats.

Une explication de ce qu'est Houdini

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre