Comment rendre son site web responsive avec les Medias Queries ?

Rendre son site web responsive en HTML/CSS c'est plus simple qu'il n'y parait grace aux merveilleuses "media queries" !
En général vous les utiliserez pour cacher/montrer des éléments, redimensionner des textes, des blocs, changer les tailles de polices d'écritures, changer la disposition de votre page…

A la fin de ce tuto vous devrez être en mesure d'adapter le design de vos pages aux différentes résolutions d'écran que ce soit desktop, mobile, tablette.

Quelques ressources et tutos pour approfondir le sujet :
https://www.alsacreations.com/article/lire/930-css3-media-queries.html
https://developer.mozilla.org/fr/docs/Web/CSS/MediaQueries/Usingmedia_queries
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-utilisez-le-responsive-design-avec-les-media-queries