Next.js Tailwind Pages Build

Job ID: 39818636

Budget: $2 – $8 USD

We are building new pages in front-end but the rem or pixel size used are not in accordance with Tailwind css measures.
In project, 1 rem is defined as: font-size: 62.5%; therefore, we have it as 10 px per one rem in our project. It needs to be 1 rem is equal to 16 pixels.
The issue is that all pages depend on the configuration of font-size: 62.5% but we want to make sure that our new pages follow the 1 rem = 16 pixels for newly built pages without affecting existing pages.