CSS Flexbox Fundamentals
In this course, we will learn how to utilize the amazing power of flexbox by understanding how it works through a beginner introduction with two hands-on projects. Software required: Adobe Photoshop CC 2015, Sublime Text 2.
What you'll learn
In this course, we will learn how to utilize the amazing power of flexbox by understanding how it works through a beginner introduction with two hands-on projects. Software required: Adobe Photoshop CC 2015, Sublime Text 2.
Table of contents
Introduction and Project Overview
1min
CSS Flexbox Fundamentals
89mins
- Setting up Our Flexbox Playground 6m
- Creating Your First Flexbox Container 5m
- Controlling Flexbox Items 5m
- Finishing Our Flexbox Playground 7m
- Beginning the Mockup of Our First Project 7m
- Finishing the Mockup 5m
- Exporting Assets and Writing the HTML 5m
- Writing the CSS for Our Gallery 5m
- Adding the Gradient and the Hover Overlay 8m
- Designing the Mockup for Our Second Project 8m
- Designing a Mobile Mockup 7m
- Exporting More Assets and Writing the HTML 5m
- Writing the CSS 5m
- Finishing the Project 11m