flex justify-content: center with last aligned to the left of its row
I am trying to make the final item of some flex items to appear to the left of its row.
I am very new to this and am trying learn flex.
I tried something like
but that drags the last item all the way to the left outside of its flex row (breaching the column).
I've checked flex doc and I am lost. I can think of some inelegant ways to try but I thought I would be best to ask because it really seems like this should be a simple thing to do but I can't work it out.
https://jsfiddle.net/7ep1Lztc/1/
I am very new to this and am trying learn flex.
I tried something like
.last-flex-item { margin-right: 0 }but that drags the last item all the way to the left outside of its flex row (breaching the column).
I've checked flex doc and I am lost. I can think of some inelegant ways to try but I thought I would be best to ask because it really seems like this should be a simple thing to do but I can't work it out.
https://jsfiddle.net/7ep1Lztc/1/
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
