响应式网格与布局模式

1.responsive-grid {
2  display: grid;
3  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* 灵活的列 */
4  gap: 1rem; /* 项目之间的间距 */
5  padding: 1rem;
6}