openvibers/openvibe.shared Commits

Shared 4.1.8: four showcase steps sit two by two below four columns (#76)

OP OpenVibers committed 29 days ago · tag v4.1.8 · 0 files, +0 −0

**Four showcase steps sit two by two below four columns (openvibe-shared 4.1.8).**

**Found:** while reviewing every home page. On openvibe.zone ("From nothing to a bucket") and openvibe.download ("How it works"), four steps laid out as three and one: `auto-fit` with `minmax(280px,1fr)` fits three columns in a section about 1,060 px wide, which left step 4 alone on its own row. 4.1.5 fixed the same pattern for four cards but not for steps.

**Change (`showcase.js`, built into `showcase.css`):** inside a section from 584 to 1,191 px wide (`.sc-sec` is the container), `sc-steps` with exactly four items uses `repeat(2, minmax(0, 1fr))`. Four steps across need 1,192 px. Three, five and more steps, and narrow phones, are unchanged.

**Checked:** the rule injected into the live openvibe.zone at 1,280 px gives a balanced 2 × 2. At 390 px there is still one column.

**Test:** `showcase.test.js` checks the rule. The suite passes (58 of 59 files; the floating-promises check skips without acorn, as in CI's local run).