JSFiddle - React, Tailwind, and code Playground

by Xavier Jamonet

HTML

<div id="page">
  <div class="galerie">
    <div class="image">image 1</div>
    <div class="image">image 2</div>
    <div class="image">image 3</div>
    <div class="image">image 4</div>
    <div class="image">image 5</div>
  </div>
</div>

CSS

#page {
  width: 100%;
}

.galerie {
  position: relative;
	width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: #ccc;
}

.image {
  display: inline-block;
  position: relative;
	margin: 10px;
	width: 100px;
  height: 100px;
	text-align: center;
	background : #4EFF89;
 }