Suppose you want to have a list of items (.item) displayed in a row and in reverse order using flexbox. What is the error in the CSS below?

.container {
  display: flex;
}
.item {
  border: 1px solid red;
  flex-direction: row-reverse;
}

1.  The value for flex-direction should be reverse-row.
2.  The .container element should have a property of flex: display.
3.  The flex-direction property should be declared in the container.
4.  The display value should be flex-inline to display the items in a row.

Correct Answer:

•  The flex-direction property should be declared in the container.