functions for correcting responsive sizes in bootstrap subgrids determine size wanted based on size in
function sizeIt(gridSize, sizeEle, sizeScreen = 'xs') {
  // determine outer size
  let outerSize = _getOuterSize(gridSize, sizeScreen);
  // subtract outer from this size
  let size = sizeEle * grid/outerSize;

  if (size > grid) size = grid;
  else if (size < 1) size = 1;
  return Math.round(size);
}