HowToCodePage

Foundation

Another mature responsive front-end framework.

💡
This course has 3 lessons. Start with the first one and use the next / previous links at the bottom of each lesson — the sidebar keeps the whole course in order.

Lessons

  1. The XY grid and layoutInstall Foundation, build a responsive layout with the XY grid, and learn the cell classes the whole system is built on.
  2. Components and utilitiesWire up the JavaScript plugins, know which components are CSS-only, and use the visibility and flex helpers instead of hand-written media queries.
  3. Choosing FoundationWhere Foundation fits against Bootstrap, Tailwind and Bulma, and the maintenance question you should answer before adopting it.

More in Front-end Development

HTML CSS JavaScript TypeScript HTML DOM AJAX JSON Tailwind CSS Bootstrap 5 Vue.js React Next.js Angular jQuery ECharts Chart.js SVG Font Awesome

Last refreshed 2026-09-17.