[Lynda] Learning Foundation 6


image of author Jen Kramer Jen Kramer



Need to build a responsive website or app quickly? Foundation 6 simplifies the creation of mobile-ready, cross-browser interfaces. An open-source framework, it features a 12-column grid; buttons of many different shapes, sizes, and functionality; fully functional components that are ready to use; and much more. Plus, its Flexbox-based grid system and easy-to-edit styles make it a real timesaver—even for more advanced developers. Get an introduction to the most frequently used Foundation components, and how they fit together, in this introductory training course. Instructor Jen Kramer helps you create a responsive layout, modify the look and feel by editing the underlying CSS, and customize the navigation. She demonstrates how to add card-based approaches, modal dialogs, photo carousels, and other JavaScript-based effects.

Topics include:

  • Working with the XY Grid system
  • Adjusting margins and padding
  • Block versus vertical grids
  • Overriding CSS
  • Including cards and callouts
  • Customizing the navigation, including dropdown and drilldown menus
  • Adding JavaScript effects such as a carousel or tooltips
Skill Level Beginner

2h 20m



Show More Show Less
Skills covered in this course

Responsive DesignWebWeb DesignWeb DevelopmentProjects Foundation

Size: 479.13M





Tutorials For Free, Guides, Articles & Community Forum.OneHack.Us | Tutorials For Free, Guides, Articles & Community Forum. A place where everyone can share knowledge with each other



  1. william June 26, 2018 Reply
  2. FCO January 3, 2018 Reply
  3. Siam October 27, 2017 Reply
  4. Siam October 27, 2017 Reply

Add a Comment

Your email address will not be published. Required fields are marked *