想象你有一张照片，它会自动调整大小和布局，在任何相框里都好看！
/* 默认：手机端（单列） */
.grid {
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
/* 平板端：双列（640px 以上） */
@media (min-width: 640px) {
.grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* 电脑端：三列（1024px 以上） */
@media (min-width: 1024px) {
.grid {
grid-template-columns: repeat(3, 1fr);
}
}