Voici un exemple illustrant l'utilisation des grilles CSS.

CSS Grids Introduction

body { width: 100vw; height: 100vh; margin: 12px; display: grid; grid-gap: 12px; } body { grid-template-columns: auto 4rem auto; grid-template-rows: 15vh auto auto auto 10vh; grid-template-areas: "header header header" "right center left" "footer footer footer"; } .header { grid-area: header } .center { grid-row: 2 / span 3; grid-column: 2; } .footer { grid-column: 1 / span 3; }
HTML
CSS
Output