.box { color: #cdd6f4; text-align: center; background-color: #181825df; border-style:ridge; border-color: #f5e0dc; border-radius: 5px; padding: 5px; margin: 5px; height: inherit; } .flexbox-h { display: flex; flex-wrap: nowrap; flex-direction: column; } .flexbox-v { display: flex; flex-wrap: wrap; flex-direction: row; } #header { min-width: 300px; flex-grow: 0; } #links { flex-grow: 3; } #content { flex-grow: 7; min-width: 600px; }