O tür kodlar bu soruna çözüm olmayacağı gibi resimlerin genişlik ve yükseklikleriyle oynanarak çözülemez.
Responsive tasarımdan söz ettiğimiz an, TABLE kullanılmamalı... Ama illa table kullanılacak ve resimler yanyana duracak ise, resimlerin ebadına göre altında boşluk oluşması kaçınılmazdır... Bir resimin yüksekliğini, genişliği sabit tutarak arttırmak, resimleri kapı gibi aşağı doğru uzatır ve görüntü bozulur, görüntü bozulmasın altda boşluk oluşmasın dersek, bu durumda genişliği arttıracağımız için, resimler bu seferde ekranın genişliğinden taşacaktır...
Bir başka yol ise, resimlerin dışına bir div ekleyip, o dive sabit bir yükseklik vermek, resimleri ortalamak ve taşan noktaları gizlemektir-overflow:hidden... veya resim yerine tagın background özelliğinden yararlanıp, ortalamak ve yine divin yüksekliğini sabit tutmaktır-tabi cep telefonu, tablet vb içinde ayrı, ayrı yükseklik belirtilmeli...
Neyse, şimdilik sorun, sanırım bu değil...
DIV kullanımlı, cep telefonunda 1 col, diğerlerinde 2 col
Tabi etiketinde bir yere şu eklenmeli...
CSS ve HTML
https://jsfiddle.net/stekmil/1k1ay2t8/1/