optimize mobile view

Author: DGrothe-PhD

Mathematics/Stoffsammlung/LineareGlgnInX.html

@@ -5,6 +5,7 @@
   <title>Math.js Gleichungsrechner</title>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/11.11.0/math.min.js"></script>
   <!-- Carefully take https://mathjs.org/examples/algebra.js.html as a documentation.-->
+  <link rel="stylesheet" href="styles/math.css">
   <style>
     body {
       font-family: sans-serif;

Mathematics/Stoffsammlung/styles/math.css

@@ -0,0 +1,29 @@
+ /* Small screen / tablet / 760px to 991px */
+@media (max-width: 991px) {
+  font-size:2em;
+}
+
+/* Smaller screen / tablet+phone / 480px to 759px */
+@media (max-width: 759px) {
+  font-size:2em;
+}
+
+/* Extra small screen / smartphone / 280px to 479px */
+@media (max-width: 479px) {
+  font-size:2em;
+}
+/* Font for all */
+/**{font-family:Aptos,sans-serif}*/
+*{font-family: Bierstadt, Tahoma, Helvetica, sans-serif;}
+
+div {
+  padding-top:1em;
+  padding-bottom:1em;
+  margin:2em;
+}
+button, img, .img-lost{
+  margin-left:1em;
+}
+input{
+  margin-right:1em;
+}