Bootstrap remove padding and margin from grid items

by Chance Nursey-Bush

HTML

<div class='row center width'>
  <div class="col-xs-3">
    <p>Hi1</p>
  </div>
  <div class="col-xs-3">
    <p>Hi2</p>
  </div>
  <div class="col-xs-3">
    <p>Hi3</p>
  </div>
  <div class="col-xs-3">
    <p>Hi4</p>
  </div>
</div>

CSS

.row > div {
  background: lightgrey;
  border: 0px solid grey;
}

.no-padding {
  padding: 0px;
}

.width {
  width: 480px;
}

p {
  margin-bottom: 0px;
}

.center {
  align-content: center;
  text-align: center;
}