add 2-column layout for md displays

index.html

@@ -58,68 +58,68 @@
       <h2>Open Access</h2>
 
       <div class="row">
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.propublica.org/series/coronavirus">ProPublica</a>
           <a class="subscribe" href="https://go.propublica.org/donate">donate</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.npr.org/series/812054919/the-coronavirus-crisis">NPR</a>
           <a class="subscribe" href="https://www.npr.org/donations/support">donate</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.bbc.com/news/topics/cyz0z8w0ydwt/coronavirus-pandemic">BBC News</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.washingtonpost.com/coronavirus/">The Washington Post</a>
           <a class="subscribe" href="https://subscribe.washingtonpost.com/">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.theguardian.com/world/coronavirus-outbreak">The Guardian</a>
           <a class="subscribe" href="https://support.theguardian.com/">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.wsj.com/livecoverage/coronavirus">Wall Street Journal</a>
           <a class="subscribe" href="https://subscribe.wsj.com/">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.theatlantic.com/category/what-you-need-know-coronavirus/">The Atlantic</a>
           <a class="subscribe" href="https://accounts.theatlantic.com/products/">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.sfchronicle.com/coronavirus/">San Francisco Chronicle</a>
           <a class="subscribe" href="https://offers.sfchronicle.com/subscribe">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.startribune.com/local/coronavirus/">Star Tribune</a>
           <a class="subscribe" href="http://startribune.com/subscribe">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.azcentral.com/local/coronavirus/">Arizona Republic</a>
           <a class="subscribe" href="https://subscribe.azcentral.com/">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.chron.com/coronavirus/">Houston Chronicle</a>
           <a class="subscribe" href="https://offers.houstonchronicle.com/">subscribe</a>
         </div>
 
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.dallasnews.com/topic/coronavirus/">Dallas Morning News</a>
           <a class="subscribe" href="https://join.dallasnews.com/">subscribe</a>
         </div>
       </div>
 
 <!-- Template for a new entry:
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href=""></a>
           <a class="subscribe" href="">subscribe</a>
         </div>
@@ -129,7 +129,7 @@
       <h2>Login Required</h2>
       <small>(Paid subscription not needed.)</small>
       <div class="row">
-        <div class="col-lg-4">
+        <div class="col-lg-4 col-md-6">
           <a class="news" href="https://www.nytimes.com/news-event/coronavirus">The New York Times</a>
           <a class="subscribe" href="https://www.nytimes.com/subscription">subscribe</a>
         </div>
@@ -138,8 +138,8 @@
       <h2>Wall of Shame</h2>
       The following major newspapers have elected to keep their Coronavirus coverage behind a paywall &amp; will be excluded from this page unless they change their policies. Subscribers, please encourage them to make their coverage openly available!
       <div class="row">
-        <div class="col-lg-4 shame">Boston Globe</div>
+        <div class="col-lg-4 col-md-6 shame">Boston Globe</div>
-        <div class="col-lg-4 shame">Chicago Tribune</div>
+        <div class="col-lg-4 col-md-6 shame">Chicago Tribune</div>
       </div>
 
       <div class="row">