body {  margin: 6rem;  font: 0.8rem/1.7 system-ui, sans-serif;background:#fff}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
color : gray;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

/* container */
.responsive-three-column-grid {
    display:block;
}

/* columns */
.responsive-three-column-grid > * {
    padding:1rem;
}

/* tablet breakpoint */
/*@media (min-width:768px) {
    .responsive-three-column-grid {
        display: grid;
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
*/
.responsive-three-column-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    /* Police fluide */
    font-size: clamp(1rem, 1.2vw, 1.7rem);

    /* Transition douce sur les tailles */
    transition: font-size 0.3s ease;
}

.responsive-three-column-grid > * {
    /* Largeur fluide : min 200px, max 33% */
    flex: 1 1 clamp(200px, 33%, 400px);

    /* Transition douce sur la largeur */
    transition: flex-basis 0.4s ease;
}