update: About us page basic

screen/AboutUs.js

@@ -10,7 +10,7 @@ export function AboutUs({ navigation }) {
   //to diable the yellow box warning on the simulator
 
   return (
-    <SafeAreaView style={{flex: 1, color: 'yellow'}}>
+    // <SafeAreaView style={{flex: 1, color: 'yellow'}}>
     <View style={styles.container}>
 
             <ImageBackground source={require('../assets/gamification.jpg')} style={styles.images}>
@@ -42,7 +42,7 @@ export function AboutUs({ navigation }) {
       </Text>
       </ImageBackground>
     </View>
-      </SafeAreaView>
+      // </SafeAreaView>
   );
 }
 
@@ -63,10 +63,9 @@ const styles = StyleSheet.create({
     marginLeft: 8
   },
   container: {
-    marginTop: 15,
-    marginLeft: 10,
-    marginRight: 10,
-    backgroundColor: 'gray'
+    
+    backgroundColor: 'gray',
+    justifyContent:"center"
 
   },
   topic: {