1
00:00:00,850 --> 00:00:06,940
Welcome back in this section, I want to tackle the problem that we have, especially when we're starting

2
00:00:06,940 --> 00:00:11,470
out, that is, how do I create a layout of a website?

3
00:00:12,190 --> 00:00:16,510
And it's probably the hardest thing to learn when you're starting off.

4
00:00:17,560 --> 00:00:24,220
How do you create something, let's say, like this that is responsive that we see all across the Web

5
00:00:24,580 --> 00:00:29,830
and navigation bar, a header, some grids, a footer down here?

6
00:00:30,610 --> 00:00:34,450
And how do we really make it responsive?

7
00:00:37,600 --> 00:00:45,220
In this section, we're going to build an ideal Web page layout so that moving forward you have the

8
00:00:45,220 --> 00:00:52,300
baseline and foundation to go off and customize and build whatever sites you want that are responsive

9
00:00:52,480 --> 00:00:57,730
without spending a lot of time, trial and error, trying different things with CSFs, hoping that it

10
00:00:57,730 --> 00:00:58,160
works.

11
00:00:58,690 --> 00:01:05,440
So I'm going to show you my recommended way of laying out Web pages that is responsive and have that

12
00:01:05,440 --> 00:01:07,390
template available to you moving forward.

13
00:01:08,310 --> 00:01:15,330
We're also going to learn about a new feature in excess called CCWs Grid, which is really, really

14
00:01:15,330 --> 00:01:15,960
powerful.

15
00:01:16,170 --> 00:01:17,220
And as you'll learn.

16
00:01:18,210 --> 00:01:26,760
Allows us to use this sixth grade combined with flex box to honestly not even need things like bootstrap

17
00:01:26,760 --> 00:01:31,480
for or other libraries that allow you to do Grit's back into their day.

18
00:01:32,160 --> 00:01:35,010
It was really, really hard to do layout access.

19
00:01:35,400 --> 00:01:42,960
But with tools like CSFs Grid and Flex Box, you now have the abilities to really build beautiful,

20
00:01:42,960 --> 00:01:46,130
responsive layouts really, really fast.

21
00:01:47,260 --> 00:01:48,190
So let's get started.

22
00:01:48,820 --> 00:01:50,050
See you in the next video.