How can I align the first button to the left using flex box?

Question

<div id=actions>
    <button type=button>Back</button>
    <button type=button>Cancel</button>
    <button type=submit>Save</button>
</div>

#actions {
  display: flex;
  justify-content: flex-end;
}

#actions button:nth-child(1) {
  justify-self: flex-start;
}

https://jsfiddle.net/chovy/9hnpwn2n/

Answer 1

#actions button:nth-child(1) {
  margin-right: auto;
}