CSS Grid - Skipping first column

I tried multiple times to place things into a grid. Grid was in default settings, except I created 4 columns. Ever time I tried to add images, it skipped over the first column. The second row it flowed to, was able to have things in the first column. There was no div or anything in the first column, & I did not manually place children away from the first column. After about 40 minutes, I gave up & used flexbox. I have no idea why this was happening.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I discovered this is the behavior when a Container is changed to display: grid.

Not sure why, but directly placing a grid & then auto margining it to center it worked out.

2 Likes

Yes also was having this issue by inserting a container and changing to grid. I found just directly inserting a grid was all I had to do to fix. Thanks Frank