search

Sam-Apostel / confessions-commerce

storefront for confessions merchandise
confessions-commerce-git-main.sam-apostel.vercel.app
2 stars 0 forks source link

index page grid does not have a logical order #2

Open Sam-Apostel opened 3 years ago

Sam-Apostel commented 3 years ago

We want to make the grid items focusable and keyboard navigatable. We first have to give all elements a logical order

Sam-Apostel commented 3 years ago

current definition of bigger grid items is in css on the first n items. To fix this issue we should make the spanning of columns and rows class based.

The remaining question is how we define which items get which amount of span.

a tileable predefined map that we can reuse

This has no advantage over defining them in css but looking for a more logical index, still a manual job and possible collisions and non-matching bottom

an algorithm that distributes them organically

something circle packing-like but for squares and with organic spacing.