DokuWiki

1. (0) Introduction
   1. Welcome
   2. How to use the exercise files

1. What is Flexbox?
   1. What Is Flexbox
   2. Caveats when using Flexbox today
2. Flexbox-Powered Menus
   1. Exploring common menu layouts
   2. Marking up five types of menus
   3. Using Flexbox to control single-level menu layout
   4. Using Flexbox to control advanced menus
   5. Using Flexbox to control multilevel menus with dropdowns
   6. Creating a social media menu
   7. Using Flexbox to control multiple menus
3. Responsive Card Layouts
   1. Challenges with card layouts
   2. Marking up typical cards
   3. Using Flexbox to create a grid of cards
   4. Adding responsive breakpoints
   5. Solving the common "anchor doesn't fill the card" problem
4. title
   1. Holy Grail Layout
   2. What is the holy grail layout
   3. Marking up the holy grail layout in HTML
   4. Styling the holy grail layout with Flexbox
   5. Changing the layout with Flexbox
5. Handing Control to the User
   1. Handing control to the user
   2. Sidebar position switching
   3. Changing from holy grail to vertical display
   4. Hiding and showing the sidebar
   5. Animating content
6. Putting It All Together
   1. Putting It All Together
   2. Next steps
   3. Thank you