[AR Instagram block] [UI] [Tablet,Mobile] The font size doesn't correspond the mock-up

[BDaria]

Environment: Windows 10 Pro, Chrome, 122.0.6261.112, (64 bit) Reproducible: always Build found: aafbfbc

Preconditions

1. The Streetcode page with AR effect is opened (e.g. Степан Бандера page)

Steps to reproduce

1. Scroll down to AR Instagram
2. Open Chrome Dev Tools
3. Choose 768 px resolution.
4. Pay attention to the "AR історія і Інсті" font height.
5. Choose the 360 px resolution.
6. Pay attention to the "AR історія і Інсті" font height.
7. Pay attention to the "Перейти в Instagram" font height.

Tablet

Actual result

1. The "AR історія і Інсті" font height is marked 2.625 rem

Expected result

1. The "AR історія і Інсті" font height is 42.24 px.

Mobile

Actual result

1. The "AR історія і Інсті" font height is marked 2.625 rem

Expected result

1. The "AR історія і Інсті" font height is 42.24 px.

Actual result

1. The "Перейти в Instagram" font height is marked 16 px.

Expected result

1. The "Перейти в Instagram" font height is 16.41 px.

User story #42 Test case #1285

[mythter]

We can't set pixel values ​​with fractional part So

1. 42.24px = 42px = 2.625rem (we have root font size 16 px)

2. 16.41px = 16px