flexbox

• Fixed-with item: flex: 0 0 230px;
  • 0 = don’t grow (shorthand for flex-grow)
  • 0 = don’t shrink (shorthand for flex-shrink)
  • 230px = start at 230px (shorthand for flex-basis)
  • source: stackoverflow
• margin-left: auto (or any other direction) pushes the element (and all successors) to the farthest righthand side (or any other side) leaving a gap between the item and its precursor.