Mobile layout

.container { display: flex; flex-direction: column; } .container > .top { flex: 0 0 100px; } .container > .content { flex: 1 0 auto; } 

A fixed-height top bar and a dynamic-height content area.