Responsive Design

[Mrityunjayyshukla]

Make the design responsive

Here are the resolutions.

• Mobile : < 850px
• Tablet : > 850px and < 1100px
• Desktop : > 1100px

[Mrityunjayyshukla]

class Responsive {
  static bool isMobile(BuildContext context) => 
  MediaQuery.of(context).size.width < 850;

  static bool isTablet(BuildContext context) => 
  MediaQuery.of(context).size.width < 1100 && 
  MediaQuery.of(context).size.width >= 850;

  static bool isDesktop(BuildContext context) => 
  MediaQuery.of(context).size.width >= 1100;   
}