As mesmas três regiões, mas a que você está lendo tem uma largura definida em vez de assumir uma — e a largura que ninguém quer vai para uma região vazia.

Uma região com largura definida

`zone--narrow` com um passo de tamanho: a região tem essa largura e mantém essa largura, não importa o espaço que a janela tenha. É assim que um texto é mantido legível — uma coluna que cresce com a tela deixa de ser uma.

Para que serve o espaço livre

A última região não contém nada, e mantém seu espaço mesmo assim: vazio não é ausente, e um painel à espera é lido como um painel em vez de um buraco. Ele está lá para ocupar a largura que as regiões definidas recusam.

Uma divisão entrega o que sobrou para quem quer. Com nada pedindo, as regiões definidas seriam esticadas ou empurradas para as bordas; com isso, elas mantêm sua largura e a página fica com o restante.