diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index edf03be..8e2b452 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -8,12 +8,19 @@ PODS:
   - just_audio (0.0.1):
     - Flutter
     - FlutterMacOS
+  - package_info_plus (0.4.5):
+    - Flutter
   - path_provider_foundation (0.0.1):
     - Flutter
     - FlutterMacOS
   - shared_preferences_foundation (0.0.1):
     - Flutter
     - FlutterMacOS
+  - video_player_avfoundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - wakelock_plus (0.0.1):
+    - Flutter
   - ZIPFoundation (0.9.19)
 
 DEPENDENCIES:
@@ -21,8 +28,11 @@ DEPENDENCIES:
   - Flutter (from `Flutter`)
   - flutter_archive (from `.symlinks/plugins/flutter_archive/ios`)
   - just_audio (from `.symlinks/plugins/just_audio/darwin`)
+  - package_info_plus (from `.symlinks/plugins/package_info_plus/ios`)
   - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/darwin`)
   - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
+  - video_player_avfoundation (from `.symlinks/plugins/video_player_avfoundation/darwin`)
+  - wakelock_plus (from `.symlinks/plugins/wakelock_plus/ios`)
 
 SPEC REPOS:
   trunk:
@@ -37,20 +47,29 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/flutter_archive/ios"
   just_audio:
     :path: ".symlinks/plugins/just_audio/darwin"
+  package_info_plus:
+    :path: ".symlinks/plugins/package_info_plus/ios"
   path_provider_foundation:
     :path: ".symlinks/plugins/path_provider_foundation/darwin"
   shared_preferences_foundation:
     :path: ".symlinks/plugins/shared_preferences_foundation/darwin"
+  video_player_avfoundation:
+    :path: ".symlinks/plugins/video_player_avfoundation/darwin"
+  wakelock_plus:
+    :path: ".symlinks/plugins/wakelock_plus/ios"
 
 SPEC CHECKSUMS:
   audio_session: 9bb7f6c970f21241b19f5a3658097ae459681ba0
   Flutter: cabc95a1d2626b1b06e7179b784ebcf0c0cde467
   flutter_archive: ad8edfd7f7d1bb12058d05424ba93e27d9930efe
   just_audio: 4e391f57b79cad2b0674030a00453ca5ce817eed
-  path_provider_foundation: 080d55be775b7414fd5a5ef3ac137b97b097e564
-  shared_preferences_foundation: 9e1978ff2562383bd5676f64ec4e9aa8fa06a6f7
+  package_info_plus: af8e2ca6888548050f16fa2f1938db7b5a5df499
+  path_provider_foundation: bb55f6dbba17d0dccd6737fe6f7f34fbd0376880
+  shared_preferences_foundation: 7036424c3d8ec98dfe75ff1667cb0cd531ec82bb
+  video_player_avfoundation: dd410b52df6d2466a42d28550e33e4146928280a
+  wakelock_plus: e29112ab3ef0b318e58cfa5c32326458be66b556
   ZIPFoundation: b8c29ea7ae353b309bc810586181fd073cb3312c
 
-PODFILE CHECKSUM: 3c63482e143d1b91d2d2560aee9fb04ecc74ac7e
+PODFILE CHECKSUM: 53a6aebc29ccee84c41f92f409fc20cd4ca011f1
 
 COCOAPODS: 1.16.2
diff --git a/lib/features/question/presentation/ui/screens/question_screen.dart b/lib/features/question/presentation/ui/screens/question_screen.dart
index 936e0f4..b192a43 100644
--- a/lib/features/question/presentation/ui/screens/question_screen.dart
+++ b/lib/features/question/presentation/ui/screens/question_screen.dart
@@ -3,7 +3,6 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:gif/gif.dart';
 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/constants/my_constants.dart';
 import 'package:hadi_hoda_flutter/core/utils/gap.dart';
@@ -161,46 +160,47 @@ class _QuestionScreenState extends State<QuestionScreen> with TickerProviderStat
           child: _titles(context),
         ),
         50.0.gapHeight,
-        BlocBuilder<QuestionBloc, QuestionState>(
-          buildWhen: (previous, current) =>
-          previous.currentQuestion?.id != current.currentQuestion?.id,
-            builder: (context, state) => GridView.builder(
-            itemCount: state.currentQuestion?.answers?.length ?? 0,
-            physics: const NeverScrollableScrollPhysics(),
-            shrinkWrap: true,
-            clipBehavior: Clip.none,
-            padding: EdgeInsets.symmetric(
-              horizontal: setSize(context: context, tablet: 70) ?? 0,
-            ),
-            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-              crossAxisCount: 2,
-              crossAxisSpacing: MySpaces.s20,
-              mainAxisSpacing: 20,
-              childAspectRatio: 0.75,
-            ),
-            itemBuilder: (context, index) =>
-                state.currentQuestion?.answers?[index].imageId == null
-                ? const SizedBox.shrink()
-                : SlideAnim(
-                  key: Key('${state.currentQuestion?.id}'),
-                  controller: context.read<QuestionBloc>().answerAnimationController,
-                  index: index,
-                    child: AnswerBox(
-                      index: state.currentQuestion?.answers?[index].order ?? 1,
-                      answer: state.currentQuestion?.answers?[index] ?? AnswerEntity(),
-                      correctAnswer: state.currentQuestion?.correctAnswer ?? 0,
-                      onNotifTap: (AnswerEntity answer) {
-                        context.read<QuestionBloc>().showAnswerDialog(
-                          context: context,
-                          answerEntity: answer,
-                        );
-                      },
-                      onTap: (isCorrect, correctAnswer) =>
-                          context.read<QuestionBloc>().add(
-                            ChooseAnswerEvent(isCorrect, correctAnswer, context),
-                          ),
+        SizedBox(
+          width: context.widthScreen,
+          child: BlocBuilder<QuestionBloc, QuestionState>(
+            buildWhen: (previous, current) =>
+            previous.currentQuestion?.id != current.currentQuestion?.id,
+            builder: (context, state) =>
+                Wrap(
+                  alignment: WrapAlignment.center,
+                  spacing: 10,
+                  runSpacing: 20,
+                  children: List.generate(
+                    state.currentQuestion?.answers?.length ?? 0,
+                        (index) =>
+                    state.currentQuestion?.answers?[index].imageId == null
+                        ? const SizedBox.shrink()
+                        : SizedBox(
+                      key: Key('${state.currentQuestion?.id}$index'),
+                      width: 180,
+                      height: 250,
+                      child: SlideAnim(
+                        controller: context.read<QuestionBloc>().answerAnimationController,
+                        index: index,
+                        child: AnswerBox(
+                          index: state.currentQuestion?.answers?[index].order ?? 1,
+                          answer: state.currentQuestion?.answers?[index] ?? AnswerEntity(),
+                          correctAnswer: state.currentQuestion?.correctAnswer ?? 0,
+                          onNotifTap: (AnswerEntity answer) {
+                            context.read<QuestionBloc>().showAnswerDialog(
+                              context: context,
+                              answerEntity: answer,
+                            );
+                          },
+                          onTap: (isCorrect, correctAnswer) =>
+                              context.read<QuestionBloc>().add(
+                                ChooseAnswerEvent(isCorrect, correctAnswer, context),
+                              ),
+                        ),
+                      ),
                     ),
                   ),
+                ),
           ),
         ),
       ],