Dans cet exemple, on peut définir une largeur de bloc différente en fonction de la taille de l'écran.
Sur un écran d'une largeur supérieure à 800px, chaque bloc a une largeur de 20% (ce qui permet d'afficher 5 blocs sur une ligne)
@media only screen and (min-width: 800px) {
.mon-bloc{width:20%;}
}
Sur un écran d'une largeur inférieure à 799px, chaque bloc a une largeur de 33% (ce qui permet d'afficher 3 blocs sur une ligne)
@media only screen and (max-width: 799px) {
.mon-bloc{width:33%;}
}