How do I remove the first empty column in a CSS grid?

Question

I\'ve got an empty column at the start and can\'t work out why?

Answer 1

It's because of Clearfix class you've used on ul element. Clearfix adds :before and :after as a children, therefore CSS Grid consider them as items.

Remove the clearfix and handle it with following style:

float: left;
width: 100%