Considera el siguiente fragmento de código:

<div class="flex-container">
  <div>1</div>
  <div class="flex-item">2</div>
  <div>3</div>
</div>

.flex-container {
  display: flex;
}
.flex-item {
  flex-grow: 2;
}

¿Cuál de los siguientes elementos tomará más espacio?