Doesnt work on mobile/tablet web browsers

[jankvc2]

It doesnt work on mobile/tablet browsers for me, it works when i build native for those devices but on web its weird/bug. <img width="2055" alt="Snímka obrazovky 2023-12-05 o 18 22 35" Behavior on laptop browser : src="https://github.com/LastMonopoly/scaled_app/assets/117458669/7789c4f0-067a-4e6e-bf3c-8c064a3715b0"> Behavior on mobile browser :

main looks like this

`Future main() async {

ScaledWidgetsFlutterBinding.ensureInitialized( scaleFactor: (deviceSize) { const double widthOfDesign = 1820; scaleFactor = deviceSize.width > 1820 ? 1 : deviceSize.width / widthOfDesign; return scaleFactor; }, );

await setupGetIt();

runApp(const ProviderScope(child: DiveInApp())); } `

I wont use my app on mobile, only tablet browser version where this is also problem. Also when on mobile/tablet browser version i click somewhere i can see it doesnt register the click for the item, it clicks few pixels higher. Am i doing something wrong or i missed something ?

[martin-minovski]

Same problem here both on Android mobile and iPad