Adding a grid to a webpage for development

HTML
1
2
<body>
<p>This <a href="https://www
        .sitepoint.com/web-layout-101
        -vertical-rhythm-is-a-drummer
        /" target="_blank" title="Web
        Layout 101: Vertical Rhythm is
        a Drummer">article</a> also
        explains how to add the grid
        using a Chrome browser
        extension. However I prefer to
        use the grid as it is in my
        css during development.</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CSS
1
2
body:after{
/*The first rgba color sets the
        line color*/
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
JAVASCRIPT
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Expand for more options Login