How to set 66% area to one element and 33% and 33% to the other two elements using flexbox? [closed]

Answer 1

Try to use margin on flex items to align them left and right

div {
  display: flex;
}

.orders-table-text {
  border: 1px solid red;
}

.orders-table-text.right {
  margin-left: auto;
}

.orders-table-text.left {
  margin-right: auto;
}

  
ORDER ID
  
TOTAL
  
VIEW