Why won't my text appear?

[alan_sh]

I've got a very simple page. It has two flex containers, one above the other. The top one has a navigation bar in it, the bottom one has some text in it. Both have a background image.

When I preview it, the navigation bar appears, but the text doesn't. I've tried moving the text to the top, bit to no avail. I'm obviously doing something really silly, but I can't see what.

Here's a link to my files https://www.dropbox.com/s/ahz6rmf5e0v75 ... r.zip?dl=0

Can anyone see what I've not done or done wrong?

cheers

Alan

[Pablo]

Both flex containers are set to 100vh, so the height is 100% of the viewport.
The text is on the next page.

[alan_sh]

Thanks. Changed the heights to "Fixed" and that seems to have cured it. I need to read up on what the differences mean.

regards

Alan