Создание фонов SVG в виде штриховки, сетки и шахматной доски

Демонстрация работы фона в виде сетки, созданного с использованием SVG, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<div id="hatching">
	<figure id="grid"></figure>
</div>

CSS

#hatching figure {
    flex: 1 1 0%;
    padding-top: 33%;
    margin: 0px;
    min-height: 300px;
}
#grid {
    background-image: url("http://thenewcode.com/assets/svg/grid.svg");
}
figure {
    margin: 0px;
    text-align: center;
}