Fix <p> width on mobile.

2021-05-22 12:26:19 +03:00
parent 2e2feb85dd
commit 1f9c228ebf
1 changed files with 7 additions and 1 deletions
--- a/assets/css/shared.scss
+++ b/assets/css/shared.scss
@@ -6,12 +6,18 @@ section.main {
  max-width: 1000px;
  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), #d5caf2);
  text-align: center;
+  border-radius: 3px 3px 0px 0px;

  p {
    padding: 0px 20px;
    max-width: 56%;
  }
-  border-radius: 3px 3px 0px 0px;
+
+  @media screen and (max-width: 600px) {
+    p {
+      max-width: none;
+    }
+  }
 }

 section.logo ~ section.main {