生成卡片布局高度30css样式代码并放入gui样式类中

.gui { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 20px; height: 30px; }

.card { background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); padding: 10px; }

.card img { max-width: 100%; height: auto; }

.card h3 { font-size: 18px; margin: 10px 0; }

.card p { font-size: 14px; line-height: 1.5; margin: 0; }