CSS: “flex-wrap”: “no-wrap” não é um valor de “flex-wrap”.

O valor correto é nowrap (sem hífen), não no-wrap.

A propriedade CSS flex-wrap controla se os itens flex são forçados numa única linha ou se podem quebrar para múltiplas linhas. Aceita três valores: nowrap (o padrão), wrap, e wrap-reverse. Um erro comum é escrever no-wrap com hífen, provavelmente porque a propriedade CSS white-space usa nowrap e no-wrap de forma intercambiável em alguns contextos, ou simplesmente porque parece mais natural em inglês. No entanto, para flex-wrap, apenas o nowrap sem hífen é válido.

Exemplo HTML com o problema

<div style="display: flex; flex-wrap: no-wrap;">
  <p>Item 1</p>
  <p>Item 2</p>
</div>

Exemplo HTML corrigido

<div style="display: flex; flex-wrap: nowrap;">
  <p>Item 1</p>
  <p>Item 2</p>
</div>

Saiba mais:

MDN Reference

CSS flex-wrap

→

MDN Reference

CSS Flexible Box Layout

→