assets/svg/button_3_tablet.svg

@@ -0,0 +1,9 @@
+<svg width="381" height="146" viewBox="0 0 381 146" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.01249 127.183C20.4465 150.225 338.385 152.069 366.084 128.134C391.363 106.37 380.999 28.4718 359.475 12.9516C330.152 -8.21778 46.5201 -0.695533 22.7938 15.9248C0.656582 31.445 -6.89102 103.338 7.01249 127.183Z" fill="url(#paint0_linear_145_985)"/>
+<defs>
+<linearGradient id="paint0_linear_145_985" x1="190.43" y1="145.29" x2="190.43" y2="-0.0116919" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CADCFF"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

lib/common_ui/resources/my_assets.dart

@@ -46,6 +46,7 @@ class MyAssets {
   static const String button2 = 'assets/svg/button_2.svg';
   static const String button2Tablet = 'assets/svg/button_2_tablet.svg';
   static const String button3 = 'assets/svg/button_3.svg';
+  static const String button3Tablet = 'assets/svg/button_3_tablet.svg';
   static const String theme = 'assets/svg/theme.svg';
   static const String facebook = 'assets/svg/facebook.svg';
   static const String whatsapp = 'assets/svg/whatsapp.svg';

lib/core/widgets/animations/ship_anim.dart

@@ -2,6 +2,7 @@ import 'dart:math' as math;
 
 import 'package:flutter/material.dart';
 import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 
 class ShipAnim extends StatefulWidget {
   const ShipAnim({super.key, required this.child});
@@ -42,8 +43,8 @@ class _ShipAnimState extends State<ShipAnim>
         // The radius of the circular path
         final radius = context.widthScreen * 0.05;
         // Calculate the x and y coordinates for the ship
-        final x = radius * math.cos(angle) + 60;
-        final y = radius * math.sin(angle) - 70; // -80 to lift it up
+        final x = radius * math.cos(angle) + setSize(context: context, mobile: 60, tablet: 90)!;
+        final y = radius * math.sin(angle) - setSize(context: context, mobile: 70, tablet: 100)!; // -80 to lift it up
 
         return Transform.translate(
           offset: Offset(x, y),

lib/core/widgets/answer_box/answer_box.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/answer_box/styles/picture_box.dart';
 import 'package:hadi_hoda_flutter/core/widgets/answer_box/styles/text_box.dart';
 import 'package:hadi_hoda_flutter/core/widgets/images/my_image.dart';
@@ -67,13 +68,16 @@ class _AnswerBoxState extends State<AnswerBox> {
                 child: AnswerTextBox(text: widget.answer.title ?? ''),
               ),
               PositionedDirectional(
-                top: MySpaces.s12,
-                end: MySpaces.s8,
+                top: setSize(context: context, mobile: MySpaces.s12, tablet: MySpaces.s20),
+                end: setSize(context: context, mobile: MySpaces.s8, tablet: MySpaces.s20),
                 child: GestureDetector(
                   onTap: () {
                     widget.onNotifTap?.call(widget.answer);
                   },
-                  child: MyImage(image: MyAssets.iconNotif),
+                  child: MyImage(
+                    image: MyAssets.iconNotif,
+                    size: setSize(context: context, tablet: 50),
+                  ),
                 ),
               ),
             ],

lib/core/widgets/answer_box/answer_box_show.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/answer_box/styles/picture_box.dart';
 import 'package:hadi_hoda_flutter/core/widgets/answer_box/styles/text_box.dart';
 import 'package:hadi_hoda_flutter/core/widgets/images/my_image.dart';
@@ -41,13 +42,16 @@ class AnswerBoxShow extends StatelessWidget {
               child: AnswerTextBox(text: answer.title ?? ''),
             ),
             PositionedDirectional(
-              top: MySpaces.s30,
-              end: MySpaces.s20,
+              top: setSize(context: context, mobile: MySpaces.s30, tablet: 60),
+              end: setSize(context: context, mobile: MySpaces.s20, tablet: 60),
               child: GestureDetector(
                 onTap: () {
                   onNotifTap?.call(answer);
                 },
-                child: MyImage(image: MyAssets.iconNotif, size: MySpaces.s40),
+                child: MyImage(
+                  image: MyAssets.iconNotif,
+                  size: setSize(context: context, mobile: MySpaces.s40, tablet: 60),
+                ),
               ),
             ),
           ],

lib/core/widgets/answer_box/styles/picture_box.dart

@@ -5,6 +5,7 @@ import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_colors.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_text_style.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/images/my_image.dart';
 
 class AnswerPictureBox extends StatelessWidget {
@@ -77,8 +78,8 @@ class AnswerPictureBox extends StatelessWidget {
             ),
             if(selected)
               PositionedDirectional(
-                top: MySpaces.s8,
-                start: MySpaces.s8,
+                top: setSize(context: context, mobile: MySpaces.s8, tablet: MySpaces.s20),
+                start: setSize(context: context, mobile: MySpaces.s8, tablet: MySpaces.s20),
                 child: MyImage(
                   image: index == correctAnswer ? MyAssets.correct : MyAssets
                       .wrong,

lib/core/widgets/button/my_white_button.dart

@@ -32,7 +32,7 @@ class MyWhiteButton extends StatelessWidget {
             image: setSize(
             context: context,
             mobile: MyAssets.button3,
-            tablet: MyAssets.button2Tablet,
+            tablet: MyAssets.button3Tablet,
           ) ?? '',
           ),
           PositionedDirectional(

lib/features/home/presentation/ui/home_page.dart

@@ -58,7 +58,6 @@ class HomePage extends StatelessWidget {
             onTap: () => context.read<HomeBloc>().changeMute(),
             child: MyImage(
               image: snapshot.data == 0 ? MyAssets.musicOff : MyAssets.musicOn,
-              size: setSize(context: context, tablet: 100),
             ),
           ),
         ),
@@ -102,7 +101,6 @@ class HomePage extends StatelessWidget {
               onTap: () => context.read<HomeBloc>().goToLanguagePage(context),
               child: MyImage(
                 image: MyAssets.language,
-                size: setSize(context: context, tablet: 100),
               ),
             ),
             MyYellowButton(
@@ -113,7 +111,6 @@ class HomePage extends StatelessWidget {
               onTap: () => context.read<HomeBloc>().showAboutUs(context),
               child: MyImage(
                 image: MyAssets.theme,
-                size: setSize(context: context, tablet: 100),
               ),
             ),
           ],

lib/features/question/presentation/ui/question_page.dart

@@ -5,6 +5,7 @@ import 'package:hadi_hoda_flutter/common_ui/resources/my_audios.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
 import 'package:hadi_hoda_flutter/core/utils/gap.dart';
 import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/animations/slide_down_fade.dart';
 import 'package:hadi_hoda_flutter/features/question/presentation/bloc/question_bloc.dart';
 import 'package:hadi_hoda_flutter/features/question/presentation/bloc/question_state.dart';
@@ -42,8 +43,10 @@ class QuestionPage extends StatelessWidget {
               ),
             ),
             child: Padding(
-              padding: const EdgeInsets.symmetric(
-                horizontal: MySpaces.s16,
+              padding:  EdgeInsets.symmetric(
+                horizontal: setSize(context: context,
+                    mobile: MySpaces.s16,
+                    tablet: MySpaces.s30) ?? 0,
                 vertical: MySpaces.s22,
               ),
               child: Column(

lib/features/question/presentation/ui/screens/answer_screen.dart

@@ -4,6 +4,7 @@ import 'package:hadi_hoda_flutter/common_ui/resources/my_animations.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
 import 'package:hadi_hoda_flutter/core/utils/context_provider.dart';
 import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/answer_box/answer_box_show.dart';
 import 'package:hadi_hoda_flutter/features/question/domain/entity/answer_entity.dart';
 import 'package:lottie/lottie.dart';
@@ -47,7 +48,11 @@ class _AnswerScreenState extends State<AnswerScreen> {
       children: [
         Center(
           child: Padding(
-            padding: const EdgeInsets.symmetric(horizontal: MySpaces.s16),
+            padding: EdgeInsets.symmetric(
+              horizontal: setSize(context: context,
+                  mobile: MySpaces.s16,
+                  tablet: MySpaces.s30) ?? 0,
+            ),
             child: AnswerBoxShow(
               answer: widget.answerEntity,
               index: widget.answerEntity.order ?? 0,

lib/features/question/presentation/ui/screens/diamond_screen.dart

@@ -9,6 +9,7 @@ import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_text_style.dart';
 import 'package:hadi_hoda_flutter/core/utils/my_localization.dart';
 import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/animations/ship_anim.dart';
 import 'package:hadi_hoda_flutter/core/widgets/button/my_white_button.dart';
 import 'package:hadi_hoda_flutter/core/widgets/button/my_yellow_button.dart';
@@ -24,7 +25,8 @@ class DiamondScreen extends StatelessWidget {
     return Column(
       mainAxisAlignment: MainAxisAlignment.spaceBetween,
       children: [
-        Stack(
+        Expanded(
+          child: Stack(
             alignment: Alignment.center,
             children: [
               Stack(
@@ -42,14 +44,17 @@ class DiamondScreen extends StatelessWidget {
                     angle: 0.2,
                     child: MyImage(
                       image: MyAssets.diamondBig,
-                    size: 200,
+                      size: setSize(context: context, mobile: 200, tablet: 300),
                     ),
                   ),
-                Padding(
-                  padding: EdgeInsets.only(
-                    top: 250,
+                  Positioned(
+                    bottom: setSize(
+                      context: context,
+                      mobile: context.heightScreen * 0.15,
+                      tablet: context.heightScreen * 0.2,
                     ),
                     child: Column(
+                      mainAxisSize: MainAxisSize.min,
                       children: [
                         Text(
                           context.translate.you_win,
@@ -83,42 +88,48 @@ class DiamondScreen extends StatelessWidget {
                 ],
               ),
               Positioned(
-              top: 120,
-              right: MySpaces.s16,
+                top: setSize(context: context, mobile: 120, tablet: 220),
+                right: setSize(context: context, mobile: MySpaces.s16, tablet: 60),
                 child: Stack(
                   children: [
                     Transform.rotate(
                       angle: 0.4,
                       child: MyImage(
                         image: MyAssets.diamondBig,
-                      size: 80,
+                        size: setSize(context: context, mobile: 80, tablet: 150),
                       ),
                     ),
                     ClipRRect(
                       child: BackdropFilter(
                         filter: ImageFilter.blur(sigmaX: 3, sigmaY: 3),
-                      child: SizedBox(width: 80, height: 80,),
+                        child: SizedBox(
+                          width: setSize(context: context, mobile: 80, tablet: 200),
+                          height: setSize(context: context, mobile: 80, tablet: 200),
+                        ),
                       ),
                     ),
                   ],
                 ),
               ),
               Positioned(
-              top: 100,
-              left: MySpaces.s16,
+                top: setSize(context: context, mobile: 100, tablet: 200),
+                left: setSize(context: context, mobile: 16, tablet: 60),
                 child: Stack(
                   children: [
                     Transform.rotate(
                       angle: -0.6,
                       child: MyImage(
                         image: MyAssets.diamondBig,
-                      size: 60,
+                        size: setSize(context: context, mobile: 60, tablet: 100),
                       ),
                     ),
                     ClipRRect(
                       child: BackdropFilter(
                         filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
-                      child: SizedBox(width: 80, height: 80,),
+                        child: SizedBox(
+                          width: setSize(context: context, mobile: 80, tablet: 200),
+                          height: setSize(context: context, mobile: 80, tablet: 200),
+                        ),
                       ),
                     ),
                   ],
@@ -126,6 +137,7 @@ class DiamondScreen extends StatelessWidget {
               ),
             ],
           ),
+        ),
         Stack(
           alignment: Alignment.center,
           clipBehavior: Clip.none,

lib/features/question/presentation/ui/screens/question_screen.dart

@@ -6,6 +6,7 @@ import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart';
 import 'package:hadi_hoda_flutter/common_ui/resources/my_text_style.dart';
 import 'package:hadi_hoda_flutter/core/utils/gap.dart';
 import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
+import 'package:hadi_hoda_flutter/core/utils/set_platform_size.dart';
 import 'package:hadi_hoda_flutter/core/widgets/animations/fade_anim.dart';
 import 'package:hadi_hoda_flutter/core/widgets/animations/slide_anim.dart';
 import 'package:hadi_hoda_flutter/core/widgets/animations/slide_up_fade.dart';
@@ -81,6 +82,9 @@ class QuestionScreen extends StatelessWidget {
         previous.currentQuestion?.id != current.currentQuestion?.id,
           builder: (context, state) => GridView.builder(
           itemCount: state.currentQuestion?.answers?.length ?? 0,
+          padding: EdgeInsets.symmetric(
+            horizontal: setSize(context: context, tablet: 50) ?? 0,
+          ),
           gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
             crossAxisCount: 2,
             crossAxisSpacing: MySpaces.s20,