Css 如何在flexbox中获得这样的布局

您好，我被要求在一个页面上创建一个布局，看起来像附件中的图像：

实现这一目标的最佳方式是什么？Flexbox？CSS网格

任何代码帮助都会很棒，因为我真的不想使用凌乱的页面生成器

谢谢

试试这个：

.container {
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: center;
}

.container > div {
  background: lightblue;
  width: 100px;
  margin: 35px;
}

---

你可以通过阅读一些关于flexbox的教程获得它，你会得到两件事：你学会了一种新技术+这个布局不是最有用的答案！我已经看过了，但从来没有在任何其他网站上看到过。你愿意分享一些可能有用的资源吗？谢谢，当然你永远不会看到这一点：但如果你学会了基本知识，你将能够做到这一点。。。你不必找到网站来告诉你如何做这个精确的布局，你必须了解你如何做这样的布局非常感谢：顺便说一句，更好地寻找引导，适合初学者的解决方案，因为你学习没有太多的代码