About flex-grow!

Hello. Im stuck this quiz… Please help me.

https://www.codecademy.com/paths/learn-how-to-build-websites/tracks/advanced-css-flexbox-and-animations/modules/layout-with-flexbox/projects/tea-cozy

When I wrote code below (actually flex-grow: 1;), img and nav separate left and right.
I don’t know why…

nav {
text-align: right;
flex-grow: 1;
}

html

![](upload://nKrgYXQWU3m4kf5FiR0otNmSwSN.png) Mission Featured Tea Locations

css
header {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 100%;
position: fixed;
z-index: 1;
height: 69px;
background-color: black;
border-bottom: 1px solid seashell;
align-items: center;
}

header img {
height: 50px;
padding-left: 10px;
}

nav {
text-align: right;
flex-grow: 1;
}

Thank you!