Streaming live at 10am (PST)

Lines/gaps remain after removing CSS Grid columns or rows

Hi All,
While using CSS Grid, when I remove columns and rows there is a weird leftover line for each removed row or column that takes up space inside the container where the grid sits. It’s as if the columns and rows are removed, but not really deleted…or as if the gaps are still there after the columns and rows are removed. I’ve shared my home page, and included a screenshot to show the leftover dotted lines at the lower right corner in grid edit mode. If I’m missing something here, help sort me out! Cheers

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

I have seen the same problem

hi @matt.bryant, I believe I know what the issue is. It looks like your “Made by Electric Heron” exists in a non-existent track.

Right now, your grid had 3 columns and 6 rows, but that footer text is located on the 11th row and spans across 5 columns. If you update those numbers to 1/3/7/7, all those empty rows and columns will disappear.


1 Like

@Lindapham That was it! Thanks for figuring that out. Good to know that you can inadvertently end up with items on nonexistent parts of a grid. Cheers

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.