Почему не срабатывает flex-grow

.wrap{
  display:flex;
  justify-content: flex-start;
  width: 400px;
}
img{
  display: block;
}

figure{
  display: block;
  flex-grow: 1;
}

p{
  display: block;
  flex-grow: 2;
}

<div class="wrap">
	<figure><img src="https://c.wallhere.com/photos/e5/b1/new_city_travel_newzealand_sky_cloud_lake_storm-1045201.jpg!s" alt=""></figure>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci, amet atque consequuntur cum est eum harum hic magnam maxime minus molestiae nesciunt nostrum numquam obcaecati officiis possimus recusandae reiciendis sapiente velit. Autem beatae delectus doloremque et explicabo molestiae non quia temporibus voluptates! Ab ad dolore eveniet, itaque nulla quibusdam. Ad adipisci amet, assumenda consequatur dolore doloribus facere illum ipsa laudantium magnam maiores minima nihil odit omnis porro praesentium, quas quia quidem ratione repellat repudiandae, sapiente sequi sunt tenetur totam voluptas voluptate</p>
</div>