Aligning elements left and center with flexbox

Question

I\'m using flexbox to align my child elements. What I\'d like to do is center one element and leave the other aligned to the very left. Normally I would just set the left el

Answer 1

Since this is 4 years old I figured I'd update this with a much easier CSS Grid solution.

#parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid black;
  margin: 0 auto;
  width: 500px;
}
#center {
  text-align: center;
}

  Left
  Center