CSS Flexbox Fundamentals

Visit Tutorial Page ( Report)
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.
  • Introduction and Project Overview
    • Introduction and Project Overview
  • CSS Flexbox Fundamentals
    • Setting up Our Flexbox Playground
    • Creating Your First Flexbox Container
    • Controlling Flexbox Items
    • Finishing Our Flexbox Playground
    • Beginning the Mockup of Our First Project
    • Finishing the Mockup
    • Exporting Assets and Writing the HTML
    • Writing the CSS for Our Gallery
    • Adding the Gradient and the Hover Overlay
    • Designing the Mockup for Our Second Project
    • Designing a Mobile Mockup
    • Exporting More Assets and Writing the HTML
    • Writing the CSS
    • Finishing the Project
Write Your Review