CSS - push list to right or left in flex container

Question

To push a list to the right within a flex container, you can use the justify-content property set to flex-end. Here's an example:

.flex-container {
  display: flex;
}

.list-left,
.list-right {
  flex: 0 0 50%; 
  justify-content: flex-start;
}

.list-right {
  flex: 0 0 50%; 
  justify-content: flex-end;
}