Interactive learning

<h3>The Layout Game</h3>An interactive resource that can educate and entertain you on the basics of layouts in Webflow — like our new Style panel, layouts, and more.

<h3>The Grid Game</h3>Master the fundamentals of CSS grid through 4 interactive challenges (and learn about some of history’s most influential designers along the way!).

<h3>The Eyeballing Game</h3>Put your design eye to the test! Compete for accuracy and race your friends in 8 unique design challenges where you’ll match font widths, opacities, easing curves, and more.

<h3>The Flexbox Game</h3>Flex your flexbox skills in 28 progressively tougher, interactive levels. No coding required!

<h3>The Box Model Game</h3>Learn about the box model — the framework of the web! 8 interactive levels and an introduction to styling elements in Webflow.