How to show a grid on the page when an element is being dragged/resized?

I have a page where you can drag/resize boxes to design your own dashboard layout. It has a 12 column format.

I want to show the grid lines temporarily when an item is being dragged/resized, so that user has an idea of placement options and columns.

How can I show those lines on the page via css?