Semantica HTML5 para vistas o grids.

[hackjose]

Tal vez va a sonar raro
pero deberias usar tablas

ejemplo

Código HTML:

<section id="listaCompras">
<!-- es la seccion de lista compras -->
 
<table>
<caption>Lista de compras</caption>
<thead>
<tr>
<th>
producto
</th>
<th>
precio
</th>
<th>
etc
</th>
</tr>
</thead>
 
<tfoot>
<tr>
<td>subtotal</td>
<td>total</td>
<td>...</td>
</tr>
</tfoot>
 
<tbody>
<tr>
<td><img /></td>
<td>$567</td>
<td>...</td>
</tr>
</tbody>
 
 
 
</table>
 
</section>
 

Los nombres de los productos los deberias encerrar en <strong> para que te ayude al SEO.

Saludos