2015
Digital Tutors
Gary Simon
1:31
English
In this CSS tutorial, we’ll learn about the amazing power of flexbox.
We’ll use two hands-on projects to learn how flexbox works and how you can use it to speed up your own web design layouts.
By the end of this CSS training, you’ll have a solid understanding of what flexbox is and how it’s used.
1 Introduction and project overview
2 Setting up our flexbox playground
3 Creating your first flexbox container
4 Controlling flexbox items
5 Finishing our flexbox playground
6 Beginning the mockup of our first project
7 Finishing the mockup
8 Exporting assets and writing the HTML
9 Writing the CSS for our gallery
10 Adding the gradient and the hover overlay
11 Designing the mockup for our second project
12 Designing a mobile mockup
13 Exporting more assets and writing the HTML
14 Writing the CSS
15 Finishing the project
Download File Size:325.15 MB