Página com blocos em Grade

[Denisson Pinheiro]

Galera, estou querendo fazer uma grade de anúncios em blocos, como no exemplo da imagem anexada. Poderiam me dar algumas dicas ou exemplos em HTML/CSS para eu poder testar por aqui?

[DiF]

@Denisson Pinheiro

Olá,  basicamente você pode usar a seguinte estrutura HTML:

 

<!-- container do produto -->
<div class="box">
     <!-- imagem do produto --> 
     <img src="caminho da imagem" />
      
     <!-- descrição do produto --> 
     <p class="descricao"></p>
     <!-- preço do produto -->
     <p class="preco"></p>
     <!-- avaliação com estrelas do produto --> 
     <div class="stars"></div>
      <!-- quantidade de avaliações do produto -->
     <span class="qtd"></span> 
</div>

Agora você pega a estrutura e põe  em um laço de while(php) limitando em 10 produtos, assim você tem a sua grade!