remove more inline-block directives

Moving items to flex for now (again, might do grid in the near
future since that seems to be the recommended path these days),
and shift percentages closer to what the class names imply.

Magical-Kitties/Magical-Kitties-Save-the-Day.css

@@ -280,21 +280,22 @@ textarea.flex-grow-2 {
 }
 
 .halfwide {
-  display: inline-block;
+  display: flex;
+  flex-direction: column;
   max-width: 46%;
   width: 46%;
 }
 
 .threequarterswide {
-  display: inline-block;
-  max-width: 80%;
-  width: 80%;
+  display: flex;
+  flex-direction: column;
+  max-width: 75%;
+  width: 75%;
 }
 
 .fullwide {
-  display: inline-block;
-  max-width: 96%;
-  width: 96%;
+  display: flex;
+  flex-direction: column;
 }