Colums ziehen sich zu weit nach unten

Guten Morgen,

folgendes Problem in meinem kommenden Webshop, bei dem es auf dem Handy-Design Probleme gibt. Am PC sieht alles sehr gut aus.

Ich bin leider nicht sehr begehrt im Bereich CSS, deshalb frage ich mal hier.

Wie man auf dem Bild sieht, zieht sich der Text über die Kategorie und leider weiß ich nicht wieso.

pasted-from-clipboard.png

Hier mal der CSS Code dazu;

.column {
  float: left;
  padding: 10px;
  height: 150px; /* Should be removed. Only for demonstration */
      margin-top: 20px;
}

.left {
  width: 25%;
}

.right{
    width: 25%;
  margin-left: 5%;
}

.middle {
  width: 25%;
  margin-left: 11%;
}