- (0) Introduction
    - [[cffl:Welcome]]
    - [[cffl:How to use the exercise files]]

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