Ignore flex container children but not grandchildren

Question

I have a simple flex element with some children, something like this:

Answer 1

Use display:contents (https://css-tricks.com/get-ready-for-display-contents/) but pay attention to the support (https://caniuse.com/#feat=css-display-contents)

.container {
  display: flex;
  flex-wrap: wrap;
}

.container div.flex-box {
  width: 200px;
  margin: 20px;
  padding: 20px;
  font-size: 40px;
  border: 1px solid;
}

.subcontainer {
  display: contents
}

  
one
  
two
  
three
  

    
four
    
five
  
  
six