Master Foundation's Flexbox Helpers (Flexbox Tutorial Series Part 6: Flexbox Helpers) скачать в хорошем качестве

Master Foundation's Flexbox Helpers (Flexbox Tutorial Series Part 6: Flexbox Helpers)

Welcome to Part 6 of this 7-part Foundation Flexbox Tutorial Series. In this lesson, you’ll learn all of the helper classes built in with Flexbox, which can be used with Foundation's XY Grid. Using 1 simple helper class, you can align children on the parent-level, and even control your individual children to achieve the exact layout you're going for. Next week, we'll take everything we've learned in this series and tie them all together to create 3 UI examples using Flexbox. You can follow along with Rafi using this CodePen: https://codepen.io/rafibomb/pen/yoZLGQ ____________________ 🏃🏽 Quick Links: Setting up the component: 0:34 Horizontal Alignment (Parent-level): 2:33 Vertical Alignment (Parent-level): 4:21 Alignment (Child-level): 6:06 Rotate Container Direction: 8:13 ____________________ 📝 The New Foundation Docs: http://foundation.ZURB.com/sites/docs/ 📚 Intro to Foundation Course: https://ZURB.com/university/foundatio... 📲 Follow us on Twitter:   / zurbfoundation   📅 Stay Up to Date with Foundation: http://foundation.ZURB.com/learn/foun... ____________________ 🙋🏽 ABOUT ZURB: ZURB is a product design company that has helped millions of designers create better products, websites and services since 1998. We’re a team of designers, researchers and nerds that help companies design better products, websites and services by uncovering #DesignInsights. ____________________ ⁉️ If you have any questions during your adventure with ZURB Foundation, be sure to drop them in the Foundation Forum and we will do our best to resolve your issue. And it may become a future episode! ▶︎ The Foundation Forum: http://foundation.ZURB.com/forum