Flex 布局：使用 CSS flexbox 创建响应式布局

Flex 布局是指 CSS 中的 flexbox 布局，它是一种弹性容器，可以让容器中的子元素自适应布局。通过设置容器的属性，如 display: flex，可以使子元素在容器中的位置、大小、间距等方面进行自适应调整。Flex 布局可以解决传统布局方式的很多问题，如垂直居中、等高布局等。Flex 布局是响应式布局的重要组成部分，可以在不同设备上实现自适应布局。