When I add display: flex; to my CSS for .gridder to center & space my grid, upon opening each grid item the other items are shifted down a row.
So if I click the first item, it shifts the others on the same row down below the expanded part and if I click the ones below the expanded section they move back up to the first row as I click them.
When I add display: flex; to my CSS for .gridder to center & space my grid, upon opening each grid item the other items are shifted down a row.
So if I click the first item, it shifts the others on the same row down below the expanded part and if I click the ones below the expanded section they move back up to the first row as I click them.