Limited paragraph and li width to screen size on mobile

5 years ago · 3308b2b4ea
1 changed files with 11 additions and 1 deletions
--- a/web/style.css
+++ b/web/style.css
@ -237,17 +237,27 @@ ul {
  margin-top: 0;
 }

-@media only screen and (max-device-width: 1024px) {
+@media only screen and (max-device-width: 1023px) {
  .ocks-org body {
    font-size: 70%;
    padding: 0.5rem;
  }

+  body > p,
+  div > p {
+    width: 90vw !important;
+  }
+
+  li {
+    width: 82vw;
+  }
+
  h3,
  h4,
  p,
  ul {
    padding-left: .7rem;
+    width: 90vw;
  }

  h1 {