title: Responsive carousel gallery
body: <p>My image carousel gallery isn't responsive which it should be, can someone help?</p>
  
  <pre><code>&lt;div id="scroller" style="width: 100%; height: 100%; margin: 0 auto;"&gt;
      &lt;div class="innerScrollArea"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;img src="img/gallery/image1.jpg" /&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="img/gallery/image2.jpg" /&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="img/gallery/image3.jpg" /&gt;&lt;/li&gt;
  
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The images should resize according to the device that it is being displayed on e.g. tablet or phone but they don't resize which ruins my site which is responsive, thanks in advance.</p>