hallo
Du machst den zweiten Schritt vor dem ersten, man beginnt mit der mobilen Ansicht, das ist einfacher und sinnvoller und das fallback für alles andere (progressive enhancement-Gedanke).
Nein. Da sind keine @media Regeln. Und codepen ist kein Ort um Viewport-Simulationen zu betreiben.
Außerdem verwende keine viewport-abhängigen Größen für Schriften, sondern eine Basis-schriftgröße in em oder dem und addiere mittels calc einen vw-Wert dazu. Dann stellst du sicher, dass schrift immer ausreichend groß ist.
Feinheiten sind dem Anwender gegeben. Wer kennt den Kontext, wo dieser Block angewendet wird?