Streaming live at 10am (PST)

Lines/gaps remain after removing CSS Grid columns or rows


#1

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)


#2

I have seen the same problem


#3

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.

image


Grid issue with CSS rendering
#4

@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