<div class="container">
  <div class="item">Snack 1</div>
  <div class="item">Snack 2</div>
  <div class="item">Snack 3</div>
</div>

.container {
  display: flex;
  flex-direction: row; 
  height: 200px; 
  border: 2px dashed #ccc;
  align-items: center; /* Try different values: flex-start, flex-end, baseline, stretch */
}

.item {
  background-color: #4DB678;
  color: white;
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
}