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

I don't think it's an extra column.

It looks like the default margin or padding added by browsers to list elements.

Check the default styles on your ul.

Also see this W3C default style sheet sample:

Add this to your code:

ul {
   margin: 0;
   padding: 0;
}