Поместите div в строку с четными пробелами

Привет, я пытаюсь переделать домашнюю страницу Google, и я сделал большую часть этого, за исключением нижней части страницы Google, где находятся наиболее часто используемые приложения.

это то, что я хочу получить, но когда я использую inline block, я получаю

Я просмотрел весь google, но я не могу найти тот, который работает для фонового изображения.

Вот мой HTML

<div class='mostUsedApps'>
  <div class='youtube rowCell'></div>
  <div class='facebook rowCell'></div>
  <div class='roblox rowCell'></div>
  <div class='Agar rowCell'></div>
  <div class='gmail rowCell'></div>
</div>

Вот мой CSS

.youtube{
  background-image: url(youtube.png);
}

.facebook{
  background-image: url(facebook.png);
}

.roblox{
  background-image: url(roblox.png);
}

.Agar{
  background-image: url(Agar.png);
}

.gmail{
  background-image: url(gmail.png);
}

.trading{
  background-image: url(lernforex.png);
}

.trading1{
  background-image: url(lernforex.png);
}

.wordpress{
  background-image: url(wordpress.png);
}

.onlinegames{
  background-image: url(onlinegames.png);
}

.spredsheet{
  background-image: url(spredsheet.png);
}

.rowCell{
  width: 50px;
  height: 61px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
}

Любая идея, как я могу воспроизвести первое изображение с помощью inline-block или любого другого дисплея? Любая помощь очень ценится, спасибо :)