Footer mit 2 Spalten / eine links und eine rechts ausgerichtet

[oxo888oxo]

Hallo

Ich möchte für meine Website im Footer gerne 2 Spalten haben.
Links soll linksbüdig meine Adresse usw. stehen.
Rechts sollen rechtsbündig 3 kleine Grafiken nebeneinander sein.

Das ganze soll sich dann sozusagen auch noch responsive verhalten.
D.h. per Media Queries möchte ich, dass sich bei Unterschreitung einer bestimmten Viewport-Breite folgedes ergibt:

Links soll linksbüdig meine Adresse usw. stehen.
Darunter sollen linksbündig 3 kleine Grafiken nebeneinander sein.

Ich habe das jetzt mal so begonnen:

<footer>  
  
  <span class="footer-infos">  
    Adresse Zeile 1<br>  
    Adresse Zeile 2<br>  
    Adresse Zeile 3<br>  
    Adresse Zeile 4<br>  
    Adresse Zeile 5<br>  
  </span>  
  
  <span class="footer-grafiken">  
    <img src="grafik-1.jpg">  
    <img src="grafik-2.jpg">  
    <img src="grafik-3.jpg">  
  </span>  
  
</footer>

Das dazugehörige CSS:

.footer-infos {  
float: left;  
}  
  
.footer-grafiken {  
float: right  
}

Ist das soweit erstmal richtig überlegt von mir?

Und wenn ja, wie bekomme ich es denn jetzt hin, dass bei Unterschreitung einer bestimmten Viewport-Breite die 3 Grafiken linksbündig werden.

Gruß
Ingo