网格负责列与间隙，内部容器负责每张卡片自己的内容布局。调整列宽、卡片内边距和纵向对齐时应选对层；GenerateBlocks不同代际的结构和控制项可能不同，先确认当前版本再操作。
用列表视图确认父子结构
找出网格、各列或卡片容器以及内部标题图片的关系，给重复层合理命名。旧版和新版GenerateBlocks可能采用不同区块组织，不能照教程截图机械寻找同名按钮。先在一张卡片上理解结构，避免同时选中整组导致全部内容被移动。
按目标选择控制层
每行几列和列间gap通常属于网格布局，文字与卡片边缘的距离属于内部容器，图片自身比例则在图片或媒体设置处理。把三个问题混在一起，会出现列数正确但卡片很窄，或用图片margin承担整个网格间距的情况。
计算宽度与间隙的组合
固定百分比宽度加上额外gap可能超过父容器可用空间，应按实际布局模型检查。手机端根据内容改为合适列数，不把桌面多列硬塞进窄屏。长标题、按钮及缺图卡片都要包含在样本中，不能只用四张同高图片测试。
检查真实卡片高度和顺序
对照DOM和视觉顺序，确认阅读路径没有因反向排列而混乱。卡片等高时也要看按钮位置、空白和内容完整性；不要用固定高度截掉较长标题。最后测试桌面、平板与手机的全部卡片及链接。
关键区别
网格父层：控制列与整体间距；先确认布局模型。
卡片容器：控制内部排版；与列宽问题分开。
图片组件：控制比例和呈现；不承担全局网格职责。
怎样确认处理到位
列数和间距符合各设备需求，真实长短内容不被截断，卡片阅读顺序、链接及按钮可用，后续编辑能辨认需要调整的父层。
容易误判的边界
本篇不把所有GenerateBlocks版本视为相同界面，也不建议为等高效果强行固定正文高度。组件升级前应另做兼容性检查。
