（3）使用CSS实现响应式布局

内容：介绍如何使用CSS媒体查询实现响应式布局。

HTML代码：创建页面结构。

CSS代码：使用媒体查询调整布局。
/* CSS */
@media (max-width: 600px) {
.container {
flex-direction: column;
}
}