Join James Williamson for an in-depth discussion in this video Using the exercise files, part of CSS Flexbox First Look.
If you're a premium member of the lynda.com online training library, you have access to the exercise files that are used throughout this title. Exercise files for this title are arranged by chapter, and they're located in folders that are named based on the movie they represent. Since each exercise is self contained, you'll be working with each folder individually. I recommend copying the entire exercise files directory to the desktop, and then working on the files from the appropriate folder. I'll call out the location of the exercise files for each movie, and you should see a brief overlay that will also tell you where to find those exercise files.
And three, it's very minimal. So we can focus on just the code itself. In the end, it doesn't matter if you use Brackets or any other code editor, just use the tool that you're most comfortable with. It's also worth noting at this stage, support for flexbox among browsers is still evolving. I'll be previewing our pages using Chrome, but you could also preview using Internet Explorer 10, Opera, or Firefox Nightly Build, with the flexbox flag enabled. Browser support is evolving rapidly however, so be sure to check out current support levels among browsers, before starting the course.
- Reviewing Flexbox support
- Defining elements
- Controlling element flow
- Wrapping content
- Defining display ratios
- Aligning single and multiple items
- Nesting flex containers