All righty. Welcome back. So today we're going to be looking at section eight. And that is the project section. This is arguably the most important part of a portfolio website. The way that you present the projects is a big part of that.

So we'll be using hardware mock ups to show what our projects would look like in different devices, for example, an iPhone. In order to do this, I'm going to show you some websites that release free mock ups in Photoshop format. I'll also provide a mock up pile in case you don't want to go searching. Next, I'll show you how to use Chrome and the developer tools to get perfect size screenshots. And then we're going to use the online photo editor photocopy in order to actually combine our mock up and our screenshot into one complete image. And then we're going to use Flexbox For making a responsive grid, and then we're going to add titles and links to our projects and a link to our GitHub repository.

All right, let's get started.