Une page responsive

Je me débrouille pour faire des pages simples (texte et image) mais je galère pour faire une page HTML "responsive" donc je fais appel a vous.
Nota je ne met que les images, le texte s'aligne tout seul.
Description de la page en version PC de bureau :
Première ligne de 4 images (1 à 4) de tailles identiques 215*140 px
Elles sont alignées horizontalement et également espacées verticalement, comment étant chacune au centre d'un colonne (avec 4 colonnes égales et juxtaposées.)
En dessous il y a la deuxième ligne de deux images (5 et 6) alignées horizontalement, chacune faisant 800*457 px et même principe d'espacement vertical.
---------------------------------------------------
Maintenant je réduis la largeur de la fenêtre et tous ce monde se resserre jusqu’à arriver a la taille Smartphone.
---------------------------------------------------
A ce moment la position doit être :
Ligne 1 image 1 et 2
Ligne 2 image 3 et 4
Ligne 3 image 5
Ligne 4 image 6
Le même type de centrage vertical que pour la première version PC
Nota : A faire si possible en ne faisant pas de chargement de fichier CSS trop lourd.