What is the problem?
新手搜索“Codex 修 CSS 间距和响应式问题怎么做：新手检查清单”时，通常不是缺一个概念解释，而是不知道准备哪些材料、按什么顺序验证、哪些风险不能碰。读完后可以按清单完成初步判断，知道下一步该问什么、测什么、记录什么，以及什么时候应该暂缓或找人复核。
Quick solution
Treat this as a Codex checklist issue. First confirm the environment, inputs, permissions, logs, and delivery boundary. Then use the linked deep guide for the full checklist before changing production code or promising a result.
Read the deep guideDetailed steps
- 保存原始需求、页面截图和客户消息，不要只保留自己理解后的版本。
- 记录出现问题的屏幕宽度，例如 375px、768px、1024px 或客户截图里的设备。
- 标出问题属于哪一类：上下间距、左右留白、卡片换行、按钮挤压、文字溢出、图片裁切，还是导航遮挡。
- 先让 Codex 分析可能原因，不要一上来就让它改所有文件。
- 每次只改一个范围，例如只处理移动端卡片换行，暂时不要同时改颜色、字体和文案。
- 修改后运行 `npm run build`，再用浏览器分别看手机、平板和桌面宽度。
Commands or code
请先不要修改文件。帮我检查这个页面的 CSS 间距和响应式问题：
1. 列出可能相关的组件和样式文件。
2. 判断问题可能出现在 margin、padding、gap、flex、grid、断点还是内容长度。
3. 告诉我应该先看哪些屏幕宽度。
4. 给出最小修改建议，不要同时改颜色、字体和文案。
5. 修改前请说明可能影响哪些页面。Risk notes
Confirm the real project environment, account permissions, platform rules, and output quality before delivery. Do not ship AI-generated changes without human review, and do not claim indexing, income, deployment success, or ranking improvements without measured evidence.