Minimal reproducible example

https://github.com/meleffendi/jointometer.app

Steps to reproduce

First run in development and see how it looks like. Try changing browser width and see how the page reacts.
npm run web

Then create a production build:
npx expo export -p web

Then open dist/index.html and see how the resulting page looks like a zoomed out version of the development one. Also, the card component should show the video and text right next to each other unless there's not enough screen width, then it should stack them on top of each other. But in production, they're always stacked on top regardless.

Environment

expo-env-info 2.0.8 environment info:
    System:
      OS: Windows 11 10.0.26100
    Binaries:
      Node: 24.12.0 - E:\Program Files\nodejs\node.EXE
      Yarn: 1.22.21 - E:\Users\mo-af\AppData\Roaming\npm\yarn.CMD
      npm: 11.6.2 - E:\Program Files\nodejs\npm.CMD
    npmPackages:
      expo: ~54.0.30 => 54.0.30
      expo-router: ~6.0.21 => 6.0.21
      react: 19.1.0 => 19.1.0
      react-dom: 19.1.0 => 19.1.0
      react-native: 0.81.5 => 0.81.5
      react-native-web: ~0.21.0 => 0.21.2
    Expo Workflow: managed

Expo Doctor Diagnostics

17/17 checks passed. No issues detected!