fix responsiveValue 2

 import 'package:flutter/material.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:flutter/widgets.dart';
-
+import 'package:collection/collection.dart';
 import '../platform/platform.dart';
 import '../platform/platform.dart';
 
 
 extension ContextExtensionss on BuildContext {
 extension ContextExtensionss on BuildContext {
@@ -120,30 +120,22 @@ extension ContextExtensionss on BuildContext {
   /// if the device width is less than 300  return [watch] value.
   /// if the device width is less than 300  return [watch] value.
   /// in other cases return [mobile] value.
   /// in other cases return [mobile] value.
   T responsiveValue<T>({
   T responsiveValue<T>({
+    T? watch,
     T? mobile,
     T? mobile,
     T? tablet,
     T? tablet,
     T? desktop,
     T? desktop,
-    T? watch,
   }) {
   }) {
     var deviceWidth = mediaQuerySize.shortestSide;
     var deviceWidth = mediaQuerySize.shortestSide;
     if (GetPlatform.isDesktop) {
     if (GetPlatform.isDesktop) {
       deviceWidth = mediaQuerySize.width;
       deviceWidth = mediaQuerySize.width;
     }
     }
-    if (deviceWidth >= 1200) {
-      if (desktop != null) {
-        return desktop;
-      }
-    }
-    if (deviceWidth >= 600) {
-      if (tablet != null) {
-        return tablet;
-      }
-    }
-    if (deviceWidth >= 300) {
-      if (mobile != null) {
-        return mobile;
-      }
-    }
-    return watch!;
+    //big screen width can display smaller sizes
+    final values = [
+      if (deviceWidth >= 1200) desktop, //desktop is allowed
+      if (deviceWidth >= 600) tablet, //tablet is allowed
+      if (deviceWidth >= 300) mobile, //mobile is allowed
+      watch, //watch is allowed
+    ];
+    return values.whereType<T>().first;
   }
   }
 }
 }