.page { height: 100%; width: 100%; display: flex; flex-direction: column; } .header { height: 90px; flex: 0 0 auto; background-color: #4a6670; padding-left: 2em; padding-right: 2em; box-shadow: 0 1em 1em rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: space-between; } .header-text { font-size: 32px; font-family: sans-serif; color: #18212b; } .main { flex: auto; display: flex; align-items: center; justify-content: center; background-color: #e6eaef; } .frame { display: flex; justify-content: space-evenly; }