Zigzag layout
Also called: alternating layout, alternating rows, Z-pattern, left-right sections.
Feature sections where the picture swaps sides on every row: text left and picture right, then picture left and text right. Your eye moves down the page in a Z.
Text left, picture right; then picture left, text right. The eye moves in a Z down the page.
Zigzag
Say it in a prompt
Show the three features in a zigzag layout: each row is a picture (42% width, 4:3, rounded 10px) next to a title and two lines of text; odd rows put the picture on the right, even rows on the left. On phones, stack every row with the picture on top. Seen on
- Duolingo: Below the hero, sections swap sides: text left and picture right, then picture left and text right.
You might describe it as
- text on the left picture on the right then it flips
- sections that switch sides as you go down
- picture and text taking turns left and right