Sto scrivendo un layout per una visualizzazione mobile. La struttura è molto semplice: div contenitore a schermo pieno che contiene due div in verticale: il primo con un'immagine, il secondo con testo e due pulsanti.
Il problema è che testando a risoluzione bassa (riducendo la larghezza del browser) testo e pulsanti vanno fuori schermo.
Basandoci sui mockup in allegato, il primo mostra il layout corretto, il secondo il problema attuale, il terzo come dovrei risolvere, ossia, in caso testo e pulsanti non abbiamo abbastanza spazio nello schermo, rimpicciolire l'immagine e dare più spazio a testo e pulsanti.

Sembra banale ma ho fatto qualche prova (anche con flex) e non ho trovato una soluzione soddisfacente.

screen.jpg