核心问题
如何调整工作流卡片布局，实现每行显示三个，图片在上、标题在下，并适配不同屏幕尺寸？
## 背景 在 d-django-circler 项目的工作流展示页面中，原有的卡片布局需要调整为：每行显示三个卡片，图片置于卡片顶部，标题和描述移至图片下方。同时该布局需要在 PC、平板和手机端自适应，确保良好的浏览体验。 ## 原有问题 - 图片与标题的排列顺序不符合预期，需要将图片移到最上方。 - 每行卡片数量不固定，需要明确设置为每行三个。 - 不同设备上的展示效果需要统一调整。 ## 解决方案 整个改动分两部分：调整 HTML 结构，然后配合 CSS 实现布局与响应式。 ### 1. HTML 结构调整 为了将图片放在卡片最上方，修改卡片内部的 DOM 顺序： ```html
标题
描述