logo

1-pixel-wealth

Source code for <https://mkorostoff.github.io/1-pixel-wealth/>: Wealth shown to scale 
commit: de6a9a7d39df81c8dcdfd25c082ba999cca18b31
parent 4b30afabcdf491baea6e77eb11359372a2aea86d
Author: Matt Korostoff <MKorostoff@gmail.com>
Date:   Mon,  8 Mar 2021 14:24:18 -0500

Fix a bug where text sometime hangs off screen


Diffstat:


Mindex.html4++--


Mmain.css5+++++


2 files changed, 7 insertions(+), 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 @@
   <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;