Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com

pages/committee/members/index.md

 title=Members | The Acceptable Ads Committee
 description=Meet the Acceptable Ads Committee.
 breadcrumb=Members
 parent=committee/index
 custom=1
 
 <style type="text/css">
   .card
   {
     border-bottom: 0px;
   }
 
   .card .summary

[juliandoucette, 2017/06/26 10:31:21]

Is there supposed to be a difference between .card .summary and .card-summary?

Perhaps height: auto; should be the default?

[ire, 2017/06/27 08:36:31]

You're right it should have been .card-summary, but this no longer applies since
your change yesterday. `height:auto` is the default (for smaller screens) on
.card-summary

   {
-    height: 140px;
+    height: auto;
+  }
+
+  @media (min-width: 544px) 
+  {
+    .card .summary
+    {
+      height: 140px;
+    }
   }
 
   .card h3
   {
     height: auto;
   }
 
   html[dir="ltr"] .card
   {
     border-left: 0px;
   }
 
   html[dir="rtl"] .card
   {
     border-right: 0px;
   }
 </style>
 
 <div class="container" markdown="1">
 # {{members-heading[Members Heading] Members}}
 
 ---
 </div>
 
 <? include members/all-members ?>