JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bloc">
	<h2 class="titre">Collection de Santons</h2>
  <div class="row">
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
    <a class="image" href="">img1</a>
  </div>
</div>

CSS

.bloc {
  background:red;
}
  .titre {
    text-align: center;
    background:yellow;
  }
  .row {
    width: 90%;
    margin: 0 auto;
    background:blue;
    text-align:center;
  }
    .image {
      color:white;
      display:inline-block;
      width:200px;
      border:1px solid #fff;
    }