.faces
  - let i = 1;
  - while (i < 100)
    div(id=`face-${i}` class="face")
    - i++;
View Compiled 
.faces {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-flow: dense;
}
.face {
  width: 100%
  aspect-ratio: 1 / 1;
}

body {
  background: radial-gradient(red, yellow);
}
import { display, generate } from "https://esm.sh/facesjs";

for (let i = 1; i < 100; i++) {
  display(`face-${i}`, generate());
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.