Fix a bug where text sometime hangs off screen

lertsoft · Mar 8, 2021 · de6a9a7 · de6a9a7
1 parent 4b30afa
commit de6a9a7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
   <meta property="og:description" content="Wealth inequality in the United States is out of control. Here we visualize the issue in a unique way." />
   <meta property="og:image" content="https://mkorostoff.github.io/1-pixel-wealth/img/off-the-chart.png" />
 
-  <link rel="stylesheet" type="text/css" href="main.css?version=1.7">
+  <link rel="stylesheet" type="text/css" href="main.css?version=1.8">
   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
 </head>
 <body>
@@ -644,6 +644,6 @@ <h2 class="title what-could-we-do">We cannot accept this level of inequality any
   <a class="about-this" target="_blank" href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/README.md">About this page</a>
 
 </div>
-<script type="text/javascript" src="main.js?version=1.7"></script>
+<script type="text/javascript" src="main.js?version=1.8"></script>
 </body>
 </html>
diff --git a/main.css b/main.css
@@ -854,6 +854,11 @@ h1 {
 .all-of-them .title {
   width: 370px;
 }
+@media (max-width: 450px) {
+  .all-of-them .title {
+    width: 340px;
+  }
+}
 .instructions {
   transition: opacity 300ms;
   margin-top: 40px;