import React from "react"; import { connect } from "react-redux"; import "./index.scss"; const maxDesktopSize = 1250; const maxMobileSize = 550; const fontSize = { desktop: { h1: window.innerWidth > maxDesktopSize ? 30 : window.innerWidth / 40, th: window.innerWidth > maxDesktopSize ? 16 : window.innerWidth / 80, h2: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 55, h3: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 90, strong: window.innerWidth > maxDesktopSize ? 13 : window.innerWidth / 90, span: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 95, }, mobile: { h1: window.innerWidth > maxMobileSize ? 20 : window.innerWidth / 13, h2: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 24, h3: window.innerWidth > maxMobileSize ? 12 : window.innerWidth / 30, strong: window.innerWidth > maxMobileSize ? 12 : window.innerWidth / 30, span: window.innerWidth > maxMobileSize ? 10 : window.innerWidth / 34, p: window.innerWidth > maxMobileSize ? 12 : window.innerWidth / 32, input: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 20, }, }; const Factor = (props) => { const { factorInfo } = props; return ( <> {window.innerWidth < 1000 ? (