如何使用flexbox HTML将卡片放在彼此旁边？

我已经制作了6张卡片，我想在我的网站上以3+3的顺序显示它。问题是，由于某种原因，我所有的卡都没有像我预期的那样来

我所说的3+3序列的意思是，卡片的显示方式应该是第一行包含3张卡片，第二行也包含3张卡片

您可以运行代码段以了解结果的外观

这是密码-

.cardsforhiae{
显示器：flex；
弯曲方向：行；
证明内容：周围的空间；
边界半径：10px；
}
Cardsforhiae p{
字体系列：“Roboto”，无衬线；
背景色：#68b0ab；
填充：20px；
字体大小：20px；
颜色：#000；
利润率：2%；
边界半径：10px；
盒影：0 0 7px 0 px；
}

在普尔文纳的乌尔特里斯，和比本杜姆的福西布斯坐在一起。梅塞纳斯·维尼纳提斯·莫里斯在一条通往爱欲之门的道路上行走。在维尼纳蒂斯的家门口。ornare hendrerit中的Morbi前庭tellus。Phasellus eu turpis坐在amet nulla iaculis
效率。在nisl nibh中，矢状体为enim eget、finibus malesuada purus。梅塞纳孕妇临时调味品。


Vivamus turpis ante，调味品eget sapien ut，最大功效马萨。埃涅欧盟权杖，一种仪表。乌拉姆科珀的奎斯克·波特提托·阿库。在奎斯精英学院。她是一位美丽的姑娘。莫里斯·布兰迪特，
狮子座的威尼斯人亚库利斯，多洛·图尔皮斯·蒂尼杜特·利古拉，一个精英和厄洛斯的帝国。请不要把这件事搞得一团糟。他是我的朋友。


这句话的意思是：“我的朋友，我的朋友。”。两种药物的治疗效果最好，一种是治疗。这是一个非常好的例子。自由的前庭，生活的康茂德，放纵的汽水直径。多尼克
ornare tellus被称为最终侵权人。毛里斯坐在阿梅特·康瓦利斯·洛雷姆旁边。在维尼那提斯，康瓦利斯大教堂（ante ut dapibus convallis）、莫里斯教堂（mauris arcu euismod nunc）和维塔教堂（quis bibendum tellus tortor vitae nunc）。


佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。阿利奎姆·埃拉特·帕特。奥古斯都和达皮布斯的乌兰科珀。无路可走，无路可走。从mauris出发，欧盟智囊团，效率最高。
不要坐在自由之门的威尼斯。整株金樱子，不含箭矢。这是一个很好的例子。乌特·库苏斯、精英维塔·库苏斯、洛雷姆·乌纳·尼布，在维内纳蒂斯托托
我不是莱克托斯。这是我的荣幸。整数ultrices maximus nunc，et porta magna mattis ultrices。整型非前庭leo。


Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种生活方式。不，不。维韦拉·泰卢斯·维塔斯·塞佩尔·塞佩尔（Nullam viverra tellus vitae scelerisque semper）。我不知道。这是一个很好的例子。脯氨酸
蜗壳型葡萄品种，但其花色鲜美，前庭型葡萄品种，其花色鲜美，色泽鲜艳，色泽鲜艳，色泽鲜艳。这是我的名言。前庭，前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭。
毛里斯·法雷特拉·普莱克托斯。梅塞纳斯·波苏尔·亨德雷特·弗林利亚。努克·塞德·奥古斯·乌尔纳。Phasellus和metus nulla。Phasellus sed sollicitudin lacus。


Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种生活方式。不，不。维韦拉·泰卢斯·维塔斯·塞佩尔·塞佩尔（Nullam viverra tellus vitae scelerisque semper）。我不知道。这是一个很好的例子。脯氨酸
蜗壳型葡萄品种，但其花色鲜美，前庭型葡萄品种，其花色鲜美，色泽鲜艳，色泽鲜艳，色泽鲜艳。这是我的名言。前庭，前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭，我的前庭。
毛里斯·法雷特拉·普莱克托斯。梅塞纳斯·波苏尔·亨德雷特·弗林利亚。努克·塞德·奥古斯·乌尔纳。Phasellus和metus nulla。Phasellus sed sollicitudin lacus。

如果您有选择，您可以使用

网格

.cardsforhiae{
显示：网格；
网格模板列：重复（3，1fr）；
网格模板行：重复（3，1fr）；
差距：1勒姆；
边界半径：10px；
}
Cardsforhiae p{
字体系列：“Roboto”，无衬线；
背景色：#68b0ab；
填充：20px；
字体大小：20px；
颜色：#000；
利润率：2%；
边界半径：10px；
盒影：0 0 7px 0 px；
}

在普尔文纳的乌尔特里斯，和比本杜姆的福西布斯坐在一起。梅塞纳斯·维尼纳提斯·莫里斯在一条通往爱欲之门的道路上行走。在维尼纳蒂斯的家门口。ornare hendrerit中的Morbi前庭tellus。Phasellus eu turpis坐在amet nulla iaculis
效率。在nisl nibh中，矢状体为enim eget、finibus malesuada purus。梅塞纳孕妇临时调味品。


Vivamus turpis ante，调味品eget sapien ut，最大功效马萨。埃涅欧盟权杖，一种仪表。乌拉姆科珀的奎斯克·波特提托·阿库。在奎斯精英学院。她是一位美丽的姑娘。莫里斯·布兰迪特，
狮子座的威尼斯人亚库利斯，多洛·图尔皮斯·蒂尼杜特·利古拉，一个精英和厄洛斯的帝国。请不要把这件事搞得一团糟。他是我的朋友。


这句话的意思是：“我的朋友，我的朋友。”。两种药物的治疗效果最好，一种是治疗。这是一个非常好的例子。自由的前庭，生活的康茂德，放纵的汽水直径。多尼克
ornare tellus被称为最终侵权人。毛里斯坐在阿梅特·康瓦利斯·洛雷姆旁边。在维尼那提斯，康瓦利斯大教堂（ante ut dapibus convallis）、莫里斯教堂（mauris arcu euismod nunc）和维塔教堂（quis bibendum tellus tortor vitae nunc）。


佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。阿里
  max-width:calc(33% - (4% + 40px));
  flex-basis:calc(33% - (4% + 40px));