Flex fixed margins dyn column

by amindunited

HTML

<div class="container">
    <div class="column three">
      left
    </div>
    <div class="column six">
      Center
    </div>
    <div class="column three">
      Right
    </div>
</div>

CSS

.container {
  display: flex; /* or inline-flex */
}
.column {
	border: solid 1px green;
	min-height: 200px;
  margin-left: 4px;
  margin-right: 4px;
}
.column.three {
	width: calc(33% - 8px);
}
.column.six {
	width: calc(66% - 8px);
}