Foundation

36 lessons: XY grid, components, Abide/forms, Reveal/Off-canvas plugins—Foundation Sites 6.8 CDN + jQuery in every playground.

Start lesson 1 → Introduction to Foundation

Before you start

Zurb Foundation—a responsive front-end framework emphasizing grid, accessibility-minded components, and marketing-site patterns.

Common in enterprise and agency codebases; interviews still reference grid frameworks and component libraries like this.

Large marketing sites, email-adjacent layouts, and legacy responsive redesigns.

36 iframe lessons with Foundation Sites 6.8 CDN, jQuery init, hands-on challenges, interview prep, and 108 MCQs—patterns, not copied vendor docs.

After core CSS and responsive design—useful when maintaining older Foundation sites or comparing framework trade-offs.

Sequential — follow top to bottom

36 lessons are live in this track. Start from step 01 for the smoothest path.