Fix parts of Edit/New Contact on mobile (details and commPrefs)

scss/civicrm/contact/pages/_new-individual.scss

@@ -287,4 +287,31 @@
     font-size: $font-size-base;
     font-weight: $crm-font-weight-bold;
   }
+
+  // Tweaks for mobile devices
+  @media (max-device-width: $screen-sm-max) {
+    #contactDetails {
+      .contact_basic_information-section table,
+      .contact_basic_information-section table > tbody {
+        display: block;
+      }
+      .contact_basic_information-section tr {
+        display: flex;
+        flex-wrap: wrap;
+      }
+    }
+    #commPrefs {
+      table,
+      table > tbody {
+        display: block;
+      }
+      tr {
+        display: flex;
+        flex-wrap: wrap;
+      }
+      td {
+        max-width: 100%;
+      }
+    }
+  }
 }