.pages { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; } .pg { position: relative; background: var(--mist); border-radius: 14px; padding: 8px; display: grid; gap: 6px; justify-items: center; cursor: pointer; border: 0; font: inherit; } .pg canvas { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 0 0 1px var(--ash); background: #fff; transition: transform .2s; } .pg span { font: 400 12px var(--mono); color: var(--slate); } .pg.del { opacity: .3; } .pg.del::after { content: "✕"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 48px; color: #d33; }