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

Answer 1

If you wrap your two right items into a div, justify-content: space-between will work as you are expecting:

.orders-table-header {
  display: flex;
  justify-content: space-between;
}

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

.right {
  display: flex;
}

  

    
ORDER ID
  
  

    
TOTAL
    
VIEW