How get horizontal div as an alternative vertical CSS

I can not make horizontal some div in a div. And if i can, i am unable to edit the dimensions ! It is a little a part of code

HTML / PHP

echo '<div class="makeitseo">';
foreach ( $res as $service ) {               
    $serv = get_home_url() . "/" . strtolower( str_replace( " ", "-", normalize( $service->key phrase) ) ) . "-k" . $service->id ;    
    echo 
    '<div class="cell"><a href="' . $serv .'"><img src="' . $service->image . '">'
    .'<br>' . $service->key phrase .
    '<br>' . $service->texte .
    '</a></div>';
}

echo '</div>';

CSS

.makeitseo{
  width: 100%;
  margin: 10px auto;
  text-align: middle;
  show: flex;
  justify-content: middle;
}
.cell {

  margin: 10px, 10px, 10px, 10px;
  peak: 400px;
  width: 400px;
  padding: 2px;
  show: flex;
  align-items: middle;
  overflow: auto;
}

Outcome: