CSS: “flex-wrap”: “no-wrap” no es un valor de “flex-wrap”.

El valor correcto es nowrap (sin guión), no no-wrap.

La propiedad CSS flex-wrap controla si los elementos flex se fuerzan a permanecer en una sola línea o pueden dividirse en múltiples líneas. Acepta tres valores: nowrap (el valor por defecto), wrap, y wrap-reverse. Un error común es escribir no-wrap con guión, probablemente porque la propiedad CSS white-space usa nowrap y no-wrap de forma intercambiable en algunos contextos, o simplemente porque parece más natural en inglés. Sin embargo, para flex-wrap, solo es válido nowrap sin guión.

Ejemplo HTML con el problema

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

Ejemplo HTML corregido

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

Más información:

MDN Reference

CSS flex-wrap

→

MDN Reference

CSS Flexible Box Layout

→