title: How to make images appear side by side on one row on desktop, but responsive and centered above each other on mobile?
body: <p>We have two pages where we're trying to have images appear in one row side-by-side when viewing on a desktop and tablet, but responsive and centered above one another on mobile.  It's working on one page and not on the other-- I'm assuming because the images are too wide on the pages where it breaks, but that makes me think the entire code is faulty. Tips? Suggestions?</p>
  
  <p>The pages are--</p>
  
  <p><a href="http://www.vaporfresh.com/pages/retailers" rel="nofollow">http://www.vaporfresh.com/pages/retailers</a></p>
  
  <p><a href="http://www.vaporfresh.com/" rel="nofollow">http://www.vaporfresh.com/</a></p>
  
  <p>The css--</p>
  
  <pre><code>div.jumbo {
  background-color: #fff;
  width: 100%; 
  margin: 6px auto; padding: 2px;
  text-align: center;
  }
  
  .jumbo img {
  padding: 8px;
  display: inline;
  }
  
  @media (max-width: 768px) { 
  .jumbo img {
      display: block;
      margin: 5px auto;
  }
  }
  </code></pre>
  
  <p>The HTML--</p>
  
  <pre><code>&lt;div class="jumbo"&gt;
  &lt;a href="http://www.amazon.com/gp/aag/main/ref=as_li_ss_tl?ie=UTF8&amp;amp;asin=&amp;amp;camp=1789&amp;amp;creative=390957&amp;amp;isAmazonFulfilled=1&amp;amp;isCBA=&amp;amp;linkCode=ur2&amp;amp;marketplaceID=ATVPDKIKX0DER&amp;amp;orderID=&amp;amp;seller=A1ZSBT0HOD7TH4&amp;amp;sshmPath=&amp;amp;tag=rawathletics-20&amp;amp;linkId=L74XRYUS7ROJTOXL" target="_blank" rel="nofollow"&gt;&lt;img src="//cdn.shopify.com/s/files/1/0943/1886/files/rsz-amazon-logo.jpeg?11379810593739760604" /&gt;&lt;/a&gt; 
  &lt;a href="http://www.soap.com/buy/Brand=Vapor+Fresh" target="_blank" rel="nofollow"&gt;&lt;img src="//cdn.shopify.com/s/files/1/0943/1886/files/Soap_Logo_CMYK.jpg?14350831404106169407" /&gt;&lt;/a&gt; 
  &lt;a href="http://www.vinemarket.com/buy/Brand=Vapor+Fresh" target="_blank" rel="nofollow"&gt;&lt;img src="//cdn.shopify.com/s/files/1/0943/1886/files/VineMarket_Logo_CMYK.jpg?14350831404106169407" /&gt;&lt;/a&gt; 
  &lt;a href="http://www.roguefitness.com/catalogsearch/result/?q=vapor+fresh" target="_blank" rel="nofollow"&gt;&lt;img src="//cdn.shopify.com/s/files/1/0943/1886/files/roguefitness-vapor-fresh.jpg?14350831404106169407" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>