diff --git a/src/assets/css/compositions/cluster.css b/src/assets/css/compositions/cluster.css index d3a4660..9869633 100644 --- a/src/assets/css/compositions/cluster.css +++ b/src/assets/css/compositions/cluster.css @@ -1,11 +1,7 @@ -.cluster > * { +.cluster { display: flex; flex-wrap: wrap; - /* ↓ multiply by -1 to negate the halved value */ - margin: calc(var(--space-s-l) / 2 * -1); -} - -.cluster > * > * { - /* ↓ half the value, because of the 'doubling up' */ - margin: calc(var(--space-s-l) / 2); + gap: var(--space, 1rem); + justify-content: flex-start; + align-items: center; }