Edit History

Prueba esto (ojo, que ya tienes una de las reglas creadas, eliminar la anterior y pon esta):

#manufacturer li.brand {
	display: flex;
	flex-direction: column;
	padding: 15px;
	text-align: center;
	width: 270px;
	border: 1px solid #bbb;
	margin: 2px;
}
#manufacturer #main > ul {
	display: flex;
	flex-wrap: wrap;
}
#manufacturer .brand-infos {
  	margin-top: 10px;
}
#manufacturer .brand .brand-products {
  	margin-top: auto;
}
#manufacturer .brand-products > a:first-of-type {
	float: left;
}
#manufacturer .brand-products > a:last-of-type {
  	float: right;
}

Aún se puede mejorar bastante, pero es un comienzo.

Prueba esto (ojo, que ya tienes una de las reglas creadas, eliminar la anterior y pon esta):

#manufacturer li.brand {
    display: flex;
  	flex-direction: column;
    padding: 15px;
    text-align: center;
    width: 270px;
  	border: 1px solid #bbb;
    margin: 2px;
}
#manufacturer #main > ul {
	display: flex;
	flex-wrap: wrap;
}
#manufacturer .brand-infos {
  	margin-top: 10px;
}
#manufacturer .brand .brand-products {
  	margin-top: auto;
}
#manufacturer .brand-products > a:first-of-type {
	float: left;
}
#manufacturer .brand-products > a:last-of-type {
  	float: right;
}

Aún se puede mejorar bastante, pero es un comienzo.

Prueba esto (ojo, que ya tienes una de las reglas creadas, eliminar la anterior y pon esta):

#manufacturer li.brand {
    display: flex;
  	flex-direction: column;
    padding: 15px;
    text-align: center;
    width: 270px;
  	border: 1px solid #bbb;
    margin: 2px;
}
#manufacturer #main > ul {
	display: flex;
	flex-wrap: wrap;
}
#manufacturer .brand-infos {
  	margin-top: 10px;
}
#manufacturer .brand .brand-products {
  	margin-top: auto;
}
#manufacturer .brand-products > a:first-of-type {
	float: left;
}
#manufacturer .brand-products > a:last-of-type {
  	float: right;
}

Aún se puede mejorar bastante, pero es un comienzo.