JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="buttons">
  <div class="delete">
    <button>Delete</button>
  </div>
  <div>
    <button>cancel</button>
    <button>update</button>
  </div>
</div>

<div class="buttons">
  <div>
    <button>cancel</button>
    <button>update</button>
  </div>
</div>

SCSS

.buttons {
  display: flex;
  
  > :last-child {
    flex-grow: 1;
    text-align: right;
  }
}