Maquetación de tarjetas de producto

Vamos a utilizar el atributo margin-top de CSS para darle espacio a nuestros elementos de producto, entre más grande sea el valor que configuremos en este atributo, más grande será el espaciado entre estos elementos y los de arriba, además, podemos utilizar valores negativos (margin-top: -50px) para disminuir este espaciado y conseguir el efecto que diseñamos.

También vamos a añadir sombras a nuestros elementos utilizando el atributo box-shadow: 0 0 2px black; de CSS. Si quieres configurar el color y dirección de estas sombras, puedes hacer click derecho en tus elementos, seleccionar ““Inspector de Elementos”” y configurar las sombras como mas te gusten, recuerda copiar y pegar tus modificaciones porque, por defecto, no se guardan cuando refresques la página.