fix: style mobile text width

ubiquity · Jun 18, 2024 · 532a9a2 · 532a9a2
1 parent bce95fa
commit 532a9a2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/static/code/css/ubq.css b/static/code/css/ubq.css
@@ -505,6 +505,7 @@ h3 {
   box-sizing: inherit;
   margin-top: 23px;
   line-height: 1.25;
+  max-width: calc(100vw - 16px);
 }
 p {
   color: #bfbfbf;
@@ -519,6 +520,8 @@ p {
   font-size: 20px;
   line-height: 31px;
   margin-top: 17px;
+  max-width: calc(100vw - 16px);
+  margin: 17px 8px 0;
 }
 #Overview > article > div > div:nth-child(odd) {
   padding: 5% 0 5% 10%;
@@ -925,7 +928,7 @@ body.social main#Spreads {
   /* vertical-align: middle; */
   text-align: center;
   /* display: inline-block; */
-  padding: 32px;
+  /* padding: 32px; */
 }
 #Intro {
   background-image: url("../../image/grid-25.png");