(Bug) fix scaling for different devices browsers and apps

[alt-a1r]

Description

• fixed margins and fonts scaling for different devices

About #3855

Checklist:

• [x] PR title matches follow: (Feature|Bug|Chore) Task Name
• [x] My code follows the style guidelines of this project
• [x] I have followed all the instructions described in the initial task (check Definitions of Done)
• [x] I have performed a self-review of my own code
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [x] I have added reference to a related issue in the repository
• [x] I have added a detailed description of the changes proposed in the pull request. I am as descriptive as possible, assisting reviewers as much as possible.
• [ ] I have added screenshots related to my pull request (for frontend tasks)
• [ ] I have pasted a gif showing the feature.
• [ ] @mentions of the person or team responsible for reviewing proposed changes

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
good-dapp	❌ Failed (Inspect)		Sep 7, 2022 at 8:28AM (UTC)
goodid	❌ Failed (Inspect)		Sep 7, 2022 at 8:28AM (UTC)