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