* { box-sizing: border-box; margin: 0; padding: 0; }
body { font: 16px/1.6 system-ui, sans-serif; color: #222; background: #fafafa; }
header, footer { padding: 32px 24px; text-align: center; }
header h1 { font-size: 28px; margin-bottom: 8px; }
footer { color: #888; font-size: 14px; }
.grid { display: grid; gap: 16px; padding: 0 24px;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.grid img { width: 100%; height: 180px; object-fit: cover; border-radius: 8px; }