I have a flutter project with web enabled. I want to know the best way to come up with the web layout? Is there a way to tackle the responsiveness?

Check out my Microsoft teams clone, see the way I approached it. https://github.com/tayormi/Microsoft-Teams-Clone

One way I've seen is to create another dart file (a UI) for each screen separately for web and use MediaQuery to check the screen width and height to figure which UI file to display

This is generally the idea of what you will be doing.

Alright sir. So two UI files (one for mobile, one for web) for each screen?

It's the same UI, you just need to segment the UI properly. And then you will show what you need to show based on the screen size.

Oh, like what you did with

main_screen.dart

and

responsive.dart

. Now I got it boss. Thanks a billion

Yeah.