Creating a responsive app leveraging Flutter Web

Running a web app with Flutter might be as simple as running the flutter run -d chrome command on your Terminal. In fact, most of the apps you create with Flutter may also run on the web without any change, but some plugins might only work for specific platforms, and you may need to adjust the UI for larger screens.

In this recipe, you will see how to make your layout responsive, building your app so that it can later be published to any web server. You will also see how to solve a Cross-Origin Resource Sharing (CORS) issue when loading images.

You will build an app that retrieves data from the Google Books API and shows text and images. After running it on your mobile emulator or device, you will then make it responsive so that when the screen is large, the books will be shown in two columns instead of one.

Getting ready

There are no specific requirements for this recipe, but in order to debug your Flutter apps for...