GRID & CSS

<div class="grid">
  <div class="selected item item-1"></div>
  <div class="selected item item-2"></div>
  <div class="selected item item-3"></div>
  <!-- … -->
</div>
      
.grid{

display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;

;
;
}
/* cliquez sur un item ci-dessous */
.item .item-x{
;
;
;
}
dummy
dummy
dummy

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae, sit? Illum, et a alias esse accusantium ducimus ratione, tempora facere dolor quibusdam nisi at nemo. Veniam, vel! Praesentium, minus vitae.

un bloc court

un titre

un paragraphe court

7
8
9
10
11
12
13
14
15
16
17
dummy