Por que o primeiro elemento ficou alinhado por top e somente os outros 2 não?
Solucionado
Por que o primeiro elemento ficou alinhado por top e somente os outros 2 não?
Olá, Ruan. Como vai?
O primeiro elemento é um pouco mais alto que os outros dois, porque possui uma linha a mais na descrição. Assim, foi passado para todas as li de .produtos (.produtos li { }) que o alinhamento delas fosse feito pelo topo.
Como o primeiro elemento naturalmente já alcançava o topo, ele não parece ter sido afetado, mas a regra o incluiu. Como os outros elementos não eram altos o suficiente, "sobrava" um espaço acima deles, e com a nova regra, esse espaço foi passado para baixo.
Antes: comportamento natural, alinhadas pelo bottom.
Depois: alinhadas pelo top.
