Layout a flex box similar to a table?

Question

I\'m working with a framework developed in-house which depends on a certain structure to our HTML. And one of the tricky things is that each row needs its own container with

Answer 1

header, .row {
  display: flex;  /* aligns all child elements (flex items) in a row */
}

.col {
  flex: 1;        /* distributes space on the line equally among items */
}

  

    
Column A
    
Column B
    
Column C
  
  

    
1
    
2
    
3