Css Flexbox响应式布局

我正在玩flexbox，需要一些帮助。我想要一个左边的大正方形元素和一个由四个小元素组成的网格，它们的大小等于右边第一个元素的大小

到目前为止，我有：

#flex{
显示器：flex；
}
.柔性容器内部{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
对齐内容：拉伸；
柔性包装：包装；
左边距：10px；
}
.弹性项目{
填充：10px；
弹性基础：自动；
弹性：0.47%；
最小高度：100px；
边缘底部：10px；
单词包装：打断单词；
背景色：红色；
}

dhhrth RTHRTH RTHRTH
yt e ert et e
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一部古典拉丁文学作品，使其超过2000年
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一部古典拉丁文学作品，使其超过2000年
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院拉丁语教授理查德·麦克林托克，

为了清晰起见，我更改了嵌套flex项的名称。很可能您遇到了问题，因为缺少

框大小：边框框

#flex{
显示器：flex；
背景颜色：桃花；
证明内容：之间的空间；
}
.弹性项目，
.柔性容器内部，
.弹性内件{
弹性：0.47%；
框大小：边框框；
}
.弹性项目，
.弹性内件{
填充：10px；
最小高度：100px；
边缘底部：10px；
单词包装：打断单词；
背景色：红色；
}
.柔性容器内部{
显示器：flex；
证明内容：之间的空间；
柔性包装：包装；
}

dhhrth RTHRTH RTHRTH
yt e ert et e
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一部古典拉丁文学作品，使其超过2000年
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一部古典拉丁文学作品，使其超过2000年
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院拉丁语教授理查德·麦克林托克，