responsive flexbox in css

1.flex-container {
2  display: flex;
3  flex-direction: row;
4}
5
6/* Responsive layout - makes a one column layout instead of a two-column layout */
7@media (max-width: 800px) {
8  .flex-container {
9    flex-direction: column;
10  }
11}