title: How do I make all images of similar size?
body: <p>I'm making a gallery page on my site and want to use CSS to make all the images the same resolution when you scroll down the page, like a Vice photo article.</p>
  
  <p>The HTML i'm using will look like </p>
  
  <pre><code>&lt;div class="photo"&gt;
  &lt;img src="album images/Test Album/img1.jpg"&gt;
  &lt;br&gt;
  &lt;img src="album images/Test Album/img2.jpg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What do I have to put in my .Photo { CSS in order to make all the images centered and the same size?</p>
  
  <p>Cheers!</p>