Выравнивание grid-контейнера по центру (вопрос закрыт)

 *{
  margin: 2px;
  padding:2px;
  border:solid 1px red;
}
.items {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  grid-template-rows: 188px;
  align-items: baseline;
  text-align: center;
  margin: 0 auto;
  width: 1190px;
}

<div class="items">
  <div>
    <div class="photo">
      <img src="http://via.placeholder.com/50x50/33ff99/555555?text=Foto-1" />
    </div>
    <h3>User Research</h3>
  </div>
  <div>
    <div class="photo">
      <img src="http://via.placeholder.com/50x50/33ff99/555555?text=Foto-2" />
    </div>
    <h3>IA And Wireframes</h3>
  </div>
  <div>
    <div class="photo">
      <img src="http://via.placeholder.com/50x50/33ff99/555555?text=Foto-3" />
    </div>
    <h3>User Testing</h3>
  </div>
  <div>
    <div class="photo">
      <img src="http://via.placeholder.com/50x50/33ff99/555555?text=Foto-4" />
    </div>
    <h3>Looks and Feel<br> Design (UI)</h3>
  </div>
  <div>
    <div class="photo">
      <img src="http://via.placeholder.com/50x50/33ff99/555555?text=Foto-5" />
    </div>
    <h3>Delivery</h3>
  </div>
  <div>
    <div class="photo">
      <img src="http://via.placeholder.com/50x50/33ff99/555555?text=Foto-6" />
    </div>
    <h3>Integration Support</h3>
  </div>
</div>