7. CSS Responsive

Le CSS responsive permet de créer des sites web qui s'adaptent automatiquement à toutes les tailles d'écran, que ce soit sur un smartphone, une tablette ou un ordinateur.

Les principales techniques incluent l'utilisation de media queries, les unités flexibles (%, vh, vw), ainsi que les systèmes de mise en page flexbox et grid.

Par exemple, grâce aux media queries, vous pouvez appliquer des styles différents selon la largeur de l'écran pour optimiser l'affichage et l'expérience utilisateur.