altezza in base al contenuto

[Vincent.Zeno]

per come hai esposto le cose non capisco cosa c'entri l'altezza in base al contenuto, piuttosto parlerei di dimensione

l'html riportato è parziale e, senza poter vedere il css interessato, è difficile intervenire

dall'allegato si capisce che vuoi ridimensionare l'immagine contenuta nel box. credo sia il caso di inserire un breakpoint per stabilire il ridimensionamento, es:

@media (min-width: 480px) {
 .appLogo {
  width: 50px;
 }
}
 
@media (min-width: 768px) {
 .appLogo {
  width: 100px;
 }
}

<img class="appLogo" src="img/app-logo.png"/>

o, in alternativa, puoi tentare di dare misure in percentuale (100%) al logo

[jimbo0]

per come hai esposto le cose non capisco cosa c'entri l'altezza in base al contenuto, piuttosto parlerei di dimensione

hai ragione, per "altezza in base al contenuto" pensavo al secondo div che deve avere un'altezza definita (per visualizzare tutto il testo ed i pulsanti correttamente) ed il primo div (con il logo) deve prendersi il resto in altezza.
Il css non l'ho postato perché fondamentalmente posso riscriverlo da capo per questa parte della pagina (puoi assumere overflow:hidden per div.flexcon), mentre il resto dell'html non serve postarlo è scorrelato da questo problema e porterebbe solo confusione.
Vorrei evitare breakpoint perché dovrei gestire molti casi (per essere sicuro della corretta visualizzazione su smartphone e tablet) per questo pensavo a flex, farò qualche altra prova..