L’episodio 26 del corso CSS3 tratta delle media query, spiegando come utilizzarle per adattare il design di una pagina web a diverse condizioni come larghezza, altezza, e orientamento del dispositivo.
Vengono illustrati i vari tipi di media query (screen, print, all) e come utilizzarle per cambiare regole CSS in base a specifici parametri come max-width e orientation.
L’autore spiega l’utilizzo di “and”, “or”, e “not” per concatenare o escludere condizioni nelle media query e mostra esempi pratici di come funzionano.
Viene discusso il concetto di breakpoint, suggerendo di scegliere pochi breakpoint rilevanti basati sulle risoluzioni dei dispositivi più comuni.
Infine, si evidenzia che con tecniche moderne come Flexbox e Grid, le media query possono essere meno necessarie, ma rimangono uno strumento importante da conoscere.
