Interactive learning

An interactive resource that can educate and entertain you on the basics of layouts in Webflow — like our new Style panel, layouts, and more.

Master the fundamentals of CSS grid through 4 interactive challenges (and learn about some of history’s most influential designers along the way!).

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.

Flex your flexbox skills in 28 progressively tougher, interactive levels. No coding required!

Learn about the box model — the framework of the web! 8 interactive levels and an introduction to styling elements in Webflow.