index.html.erb

<section class="cafes-lista">
  <h1 class="cafes-titulo-principal centrar">Nuestros Cafés</h1>

  <% @products.each do |product| %>
    <article class="cafe">
      <div class="cafe-vista-previa pull-left">
        <%= image_tag product.image, alt: product.name %>
      </div>
      <div class="cafe-contenido pull-left">
        <header class="cafe-encabezado">
          <h2 class="cafe-titulo pull-left">
            <%= product.name %>
          </h2>
          <span class="cafe-precio pull-left">
            <%= product.price %>
          </span>
          <div class="clear"></div>
        </header>
        <div class="cafe-descripcion">
          <%= product.description %>
        </div>
      </div>
      <%= link_to "Comprar", "#lo_que_sea", class: "cafe-comprar pull-left" %> 
      <hr class="clear">
    </article>
  <% end %>

</section>