CSS Grid- Is there a way to display the grid lines with borders?

I’m practicing CSS Grid and it would be helpful to be able to display the grid lines to help visualize what’s happening. I know Firefox Inspector is useful to view the Grid. I’m just wondering if I can apply a border somehow to all Grid containers/children to help visualize what’s happening?

Hello there.

Add a class to the grid children, and define the class CSS as having a border.

Hope this helps

2 Likes