more fixes web + mobile

src/screens/Home/Home.js

@@ -729,8 +729,8 @@ const styles = StyleSheet.create({
     alignItems: isWeb ? "center" : "stretch",
     justifyContent: isWeb ? "center" : "flex-start",
     gap: 12,
-    marginTop: isWeb ? 24 : 0,
-    marginBottom: isWeb ? 8 : 16,
+    marginTop: isWeb ? 12 : 0,
+    marginBottom: isWeb ? 4 : 16,
     paddingHorizontal: isWeb ? 0 : gutters,
     zIndex: 10,
   },
@@ -786,8 +786,8 @@ const styles = StyleSheet.create({
   },
   subtitleWrapper: {
     width: "100%",
-    marginBottom: 16,
-    marginTop: 15,
+    marginBottom: isWeb ? 12 : 16,
+    marginTop: isWeb ? 8 : 15,
     alignItems: "center",
   },
   subtitleGradient: {
@@ -812,7 +812,7 @@ const styles = StyleSheet.create({
     backgroundColor: Palette.glass,
   },
   subtitleInnerWeb: {
-    paddingVertical: 12,
+    paddingVertical: 10,
     backgroundColor: Palette.lightPurple,
   },
   subtitle: {
@@ -828,7 +828,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     flexWrap: "wrap",
     justifyContent: "space-between",
-    rowGap: 20,
+    rowGap: isWeb ? 16 : 20,
   },
   cardsStack: {
     width: "100%",