调整高度和宽度等于flexbox

Question

我想创建一个flexbox，其中height和width重新定位相同。 目前，如果我调整窗口大小，只需调整框的宽度，但是可以同等地调整height和width的大小吗？

我创造了一个小提琴：Fiddle

.wrappie{
    justify-content: space-between;
    display: flex;
    font-size: 0;
    flex-wrap:wrap;
    margin:-10px 0 0 -10px;
}
.forum_content {
    display: inline-block;
    background:grey;
    margin:10px 0 0 10px;
    flex-grow: 1;
    height:250px; 
    max-width: 100%;
    width: calc(100% * (1/3) - 10px - 1px);
}

<div class="wrappie">
  <div class="forum_content"></div>
  <div class="forum_content"></div>
  <div class="forum_content"></div>
  <div class="forum_content"></div>
</div>