All of the element sizes and spacings on my deployed production build are smaller than those of when I run my app locally. I am using tailwindcss so most of my font sizes and spacing are done using REM. All of the REM values in the deployed site are identical to those of when I run the app locally in development. This has me thinking that the deployed site has a smaller root element font size. Does anybody know how to fix this? My site is https://recoveryispossible.netlify.app
Also, I am using Remix JS.
here is my most recent deploy log…
3:08:51 PM: Build ready to start
3:08:52 PM: build-image version: 195fbe127e5c374d9c4758652cb62e3b8936a395 (focal)
3:08:52 PM: build-image tag: v4.6.0
3:08:52 PM: buildbot version: 43c70c62bfed821cfaaabbb50f00238dd4bdd2d6
3:08:52 PM: Fetching cached dependencies
3:08:52 PM: Starting to download cache of 156.4MB
3:08:55 PM: Finished downloading cache in 2.208268871s
3:08:55 PM: Starting to extract cache
3:08:59 PM: Finished extracting cache in 4.127341252s
3:08:59 PM: Finished fetching cache in 6.349844241s
3:08:59 PM: Starting to prepare the repo for build
3:08:59 PM: Preparing Git Reference refs/heads/master
3:09:00 PM: Parsing package.json dependencies
3:09:00 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'public' versus 'build' in the Netlify UI
3:09:00 PM: Different build command detected, going to use the one specified in the Netlify configuration file: 'remix build' versus 'run build' in the Netlify UI
3:09:01 PM: Starting build script
3:09:01 PM: Installing dependencies
3:09:01 PM: Python version set to 2.7
3:09:01 PM: Started restoring cached node version
3:09:02 PM: Finished restoring cached node version
3:09:02 PM: v16.14.2 is already installed.
3:09:03 PM: Now using node v16.14.2 (npm v8.5.0)
3:09:03 PM: Started restoring cached build plugins
3:09:03 PM: Finished restoring cached build plugins
3:09:03 PM: Attempting ruby version 2.7.2, read from environment
3:09:04 PM: Using ruby version 2.7.2
3:09:04 PM: Using PHP version 8.0
3:09:04 PM: Started restoring cached node modules
3:09:04 PM: Finished restoring cached node modules
3:09:05 PM: Started restoring cached go cache
3:09:05 PM: Finished restoring cached go cache
3:09:05 PM: go version go1.16.5 linux/amd64
3:09:05 PM: go version go1.16.5 linux/amd64
3:09:05 PM: Installing missing commands
3:09:05 PM: Verify run directory
3:09:06 PM:
3:09:06 PM: ────────────────────────────────────────────────────────────────
3:09:06 PM: Netlify Build
3:09:06 PM: ────────────────────────────────────────────────────────────────
3:09:06 PM:
3:09:06 PM: ❯ Version
3:09:06 PM: @netlify/build 26.5.1
3:09:06 PM:
3:09:06 PM: ❯ Flags
3:09:06 PM: baseRelDir: true
3:09:06 PM: buildId: 623b9a72b31d4e00083cb315
3:09:06 PM: deployId: 623b9a72b31d4e00083cb317
3:09:06 PM:
3:09:06 PM: ❯ Current directory
3:09:06 PM: /opt/build/repo
3:09:06 PM:
3:09:06 PM: ❯ Config file
3:09:06 PM: /opt/build/repo/netlify.toml
3:09:06 PM:
3:09:06 PM: ❯ Context
3:09:06 PM: production
3:09:06 PM:
3:09:06 PM: ────────────────────────────────────────────────────────────────
3:09:06 PM: 1. build.command from netlify.toml
3:09:06 PM: ────────────────────────────────────────────────────────────────
3:09:06 PM:
3:09:06 PM: $ remix build
3:09:06 PM: Building Remix app in production mode...
3:09:07 PM: Built in 594ms
3:09:07 PM:
3:09:07 PM: (build.command completed in 996ms)
3:09:07 PM:
3:09:07 PM: ────────────────────────────────────────────────────────────────
3:09:07 PM: 2. Functions bundling
3:09:07 PM: ────────────────────────────────────────────────────────────────
3:09:07 PM:
3:09:07 PM: The Netlify Functions setting targets a non-existing directory: netlify/functions
3:09:07 PM:
3:09:07 PM: Packaging Functions from .netlify/functions-internal directory:
3:09:07 PM: - server.js
3:09:07 PM:
3:09:12 PM:
3:09:12 PM: (Functions bundling completed in 4.7s)
3:09:12 PM:
3:09:12 PM: ────────────────────────────────────────────────────────────────
3:09:12 PM: 3. Deploy site
3:09:12 PM: ────────────────────────────────────────────────────────────────
3:09:12 PM:
3:09:12 PM: Creating deploy upload records
3:09:12 PM: Starting to deploy site from 'public'
3:09:12 PM: Creating deploy tree
3:09:12 PM: 2 new files to upload
3:09:12 PM: 1 new functions to upload
3:09:20 PM: Site deploy was successfully initiated
3:09:20 PM:
3:09:20 PM: (Deploy site completed in 8s)
3:09:20 PM:
3:09:20 PM: ────────────────────────────────────────────────────────────────
3:09:20 PM: Starting post processing
3:09:20 PM: Netlify Build Complete
3:09:20 PM: ────────────────────────────────────────────────────────────────
3:09:20 PM:
3:09:20 PM: (Netlify Build completed in 13.8s)
3:09:20 PM: Post processing - HTML
3:09:20 PM: Caching artifacts
3:09:20 PM: Started saving node modules
3:09:20 PM: Finished saving node modules
3:09:20 PM: Post processing - header rules
3:09:20 PM: Started saving build plugins
3:09:20 PM: Finished saving build plugins
3:09:20 PM: Post processing - redirect rules
3:09:20 PM: Started saving pip cache
3:09:20 PM: Finished saving pip cache
3:09:20 PM: Started saving emacs cask dependencies
3:09:20 PM: Post processing done
3:09:20 PM: Finished saving emacs cask dependencies
3:09:20 PM: Started saving maven dependencies
3:09:20 PM: Finished saving maven dependencies
3:09:20 PM: Started saving boot dependencies
3:09:20 PM: Finished saving boot dependencies
3:09:20 PM: Started saving rust rustup cache
3:09:20 PM: Finished saving rust rustup cache
3:09:20 PM: Started saving go dependencies
3:09:20 PM: Finished saving go dependencies
3:09:20 PM: Build script success
3:09:24 PM: Site is live ✨
3:09:45 PM: Finished processing build request in 52.408912236s
