Получите разделы .product для выравнивания по горизонтали, когда ширина экрана составляет минимум 900 пикселей

Question

Вот мой проект на rep.li на данный момент: https://repl.it/@hungrygoat/flexbox-mobile-first-starter-1

Мне нужно, чтобы разделы .product располагались горизонтально, когда ширина экрана составляет минимум 900 пикселей.

CSS:

@media screen and (min-width: 900px) {
  .hamburger {
    display: none;
  }
  .product, border {
    border: 1px solid lightgray;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
  }
}