JSFiddle - React, Tailwind, and code Playground

HTML

<style>
.conteneur {
  display: grid;
  grid-template-columns:  1fr;
  grid-column-gap: 2em;
 }
 
 body {
   background: gray;
 }
  
  h2 {
    padding:0 5px;
    width: 190px;
    color: blue;
    border: 2px solid green;
    border-radius: 3px;
    box-shadow: 3px 3px 3px lightgreen;
    background: antiquewhite;
      }
      
  h1 {
    margin-inline-start: 20rem;
    margin-block-start: 2rem;
    margin-block-end: 2rem; 
    width: 340px;
    padding: 30px;
    background: lightgray;
    color: blue;
    border: 2px solid blue;
    border-radius: 5px;
    box-shadow: 3px 3px 3px lightblue;
    text-align: center;
    margin-bottom: -5px;
  }
  
  p {
    width: 350px;
    font-size: 1.2em;
    color: blue;
    background: lightgray;
    border: 1px solid green;
    border-radius: 8px;
    box-shadow: 3px 3px 3px lightgreen;
    padding: 5px;
  }
  
  footer {
    font-size: 1.2em;
    color: blue;
  }
</style>

<body>
<div class="conteneur">
   <h1>GARAGE DU MOULIN</h1>
   <main>
  <h2>MECANIQUE :</h2>
  <p>Toutes marques.<br>
  Remise en état de voitures anciennes.</p>
  <h2>CARROSSERIE :</h2>
  <p>Contrôle train, amortisseurs, freinage et tous travaux concernants la carrosserie.<br>
  Remise en état de  voitures anciennes.</p>
  <h2>PEINTURE :</h2>
  <p>Tous travaux de peinture, custom ...</p>
</main>
</div>
<footer>Harmo 2023</footer>

</body>