So I’m doing a grid display where I have two column.
On the left the first thing I have is a title div, wich is very small, the rest are just cards.
So I did a span 1 for the title div and a span 2 for the items.
But the first card on the left column doesn’t have the same size as the others, it is bigger then I expect to. I don’t understand why.
It is sharing the implicit rows created also used by projets-header. You can make explicit rows and change the span values, or try using grid-row: span 4 for the list-item.
With span 4 I still have an issue with the first item on the right, tiny white space at the bottom.
Also, I don’t want to make the grid explicit because I would have to do some css every time I add an item.
But, I might do it if I don’t find a solution.