Update documentation

the light and dark grey boxes represent individual grid cells (`l-grid-item`) which sit inside an inner container (the black box).