home screen card changes

IT19001708/App/HearMe/screens/HomeScreen.js

@@ -60,11 +60,11 @@ const styles = StyleSheet.create({
   card: {
     backgroundColor: 'white',
     borderRadius: 20,
-    width: '80%',
-    height: '60%',
+    width: '90%',
+    height: '65%',
     alignItems: 'center',
     justifyContent: 'center',
-    padding: 20,
+    
   },
   cardNumber: {
     position: 'absolute',
@@ -72,10 +72,13 @@ const styles = StyleSheet.create({
     right: 10,
     fontSize: 18,
     color: 'black',
+    paddingRight:15,
+    paddingTop:15,
   },
   cardImage: {
-    height: '60%',
-    width: '80%',
+    height: '70%',
+    width: '90%',
+    marginBottom: -20,
   },
   wordContainer: {
     flexDirection: 'row',
@@ -87,21 +90,22 @@ const styles = StyleSheet.create({
     backgroundColor: '#FFCE6D',
     borderRadius: 10,
     paddingHorizontal: 10,
-    paddingVertical: 5,
+    paddingVertical: 8,
     marginHorizontal: 5,
   },
   letter: {
-    fontSize: 24,
+    fontSize: 30,
     color: 'white',
   },
   navigationButtons: {
+    marginTop:25,
     flexDirection: 'row',
     justifyContent: 'space-around',
     alignItems: 'center',
     width: '100%',
   },
   navigationButtonText: {
-    fontSize: 36,
+    fontSize: 30,
     color: 'black',
   },
 });