Макет Flexbox без медиазапросов

Question

возможно ли сделать этот макет https://codepen.io/Eu-g/pen/jOEdaEW?editors=1100 с flexbox и без медиазапросов?

<nav>
<div class="first">first prev</div>
<div class="last">next last</div>
<div class="page">1 2 3 4 5 6 7</div>
</nav>

nav {
  overflow: hidden;
  outline: 1px solid navy;
  text-align: center;
  display: block;
  margin: auto;
}

.first {
  outline: 1px solid pink;
  float: left;
}

.last {
  outline: 1px solid red;
  float: right;
}

.page {
  outline: 1px solid green;
  position: relative;
  display: inline-block;
}

Спасибо.