Cuando cambio el tamaño de la ventana en el navegador, los elementos en el encabezado no responden así:

pero cuando uso la barra de herramientas del dispositivo Toggle, responde incluso en dispositivos pequeños:

¿Porqué es eso?

Quiero tener una página receptiva como la que me muestra la herramienta de inspección.

Yo uso nowrap en mi encabezado:

 .header { color: #c76c2c; width: 100%; height: 100px; position: fixed; background-color: #ebebeb; top: 0; left: 0; right: 0; margin-top: 0; margin-right: 0; z-index: 1000; display: grid; white-space: nowrap; }