title: Bad placement on the page
body: <p>My file:    <code>/app/views/pins/index.html.erb</code></p>
  
  <pre><code>&lt;% @pins.each do |pin| %&gt;
  &lt;%= image_tag pin.image.url(:medium) %&gt;&lt;br/&gt;
  &lt;%= pin.description %&gt;&lt;br/&gt;
  &lt;%= link_to 'show', pin %&gt;&lt;br/&gt;
  &lt;% if pin.user == current_user %&gt;
  &lt;%= link_to 'Edit', edit_pin_path(pin) %&gt;&lt;br/&gt;
  &lt;%= link_to 'delete', pin, method: :delete, data: { confirm: 'are you sure?' }%&gt;&lt;br/&gt;
  &lt;% end %&gt;
  &lt;% end %&gt;
  &lt;br&gt;
  &lt;%= link_to 'New pin', new_pin_path %&gt;
  </code></pre>
  
  <p>I don't know why my page look good only with 1 pin , when i add 2nd pin on the website, all of image look bad - like on this screen:</p>
  
  <p><a href="https://i.stack.imgur.com/hTffg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hTffg.png" alt="screen"></a></p>
  
  <p><a href="https://i.stack.imgur.com/oKitX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oKitX.png" alt="right click"></a></p>