SECTION 01
产品材料与核心优势
第一组采用“图片在左、文字在右”。这里不需要给 HTML 添加 `left`、`right` 之类的辅助类，默认顺序就是图片在前、文字在后。
- 统一双栏比例
- 稳定图片尺寸
- 自适应文字区域
CSS DEVELOPMENT LAB · 04
左右图文交错 Section
使用统一 HTML 结构，通过 CSS 自动实现桌面端交错排列； 手机端则始终保持图片在上、文字在下，适合企业官网、产品介绍和案例展示。
CORE IDEA
视觉顺序可以变，内容结构尽量不要乱
桌面端为了视觉节奏进行左右交错，但手机端重新回到自然阅读顺序： 先图片、后文字。这样既保持设计感，又不让 HTML 因为视觉效果变得难维护。