1
00:00:00,150 --> 00:00:05,100
Hey, what is going on, guys, so in the next video, we're going to put our knowledge to the test

2
00:00:05,460 --> 00:00:11,370
and we're going to create a simple but perfect project for access grid layout.

3
00:00:12,210 --> 00:00:19,680
Now, this project, as I said, will not contain any magic effects, any out of the ordinary, just

4
00:00:19,680 --> 00:00:20,630
a grid layout.

5
00:00:21,000 --> 00:00:27,480
And we'll also compare really precise way to use grid, which is a grid layout that would use the flexible

6
00:00:27,600 --> 00:00:30,830
layout, because in some instances it's got use flexible.

7
00:00:30,870 --> 00:00:34,270
And in some cities, it's a better idea to use grid.

8
00:00:34,890 --> 00:00:36,640
So let's go a bit through the site.

9
00:00:36,680 --> 00:00:38,340
It's as I said, it's pretty simple.

10
00:00:38,340 --> 00:00:40,940
Will have a logo up here.

11
00:00:41,640 --> 00:00:44,970
Then we have a small navigation up here with a few HOBER effects.

12
00:00:45,270 --> 00:00:49,130
This will not do anything specifically because this is not the idea.

13
00:00:49,140 --> 00:00:52,950
We just want to to exercise our grid.

14
00:00:53,910 --> 00:00:57,090
We just want to exercise our grid knowledge and also apply it.

15
00:00:57,390 --> 00:00:59,460
Also here we have a few titles.

16
00:00:59,460 --> 00:01:05,780
Then here we will have a few subtitles and then we have the images and then we hover over the images.

17
00:01:05,790 --> 00:01:11,370
This we will have a blur effect and is read more will appear.

18
00:01:11,500 --> 00:01:17,700
OK, so we will use pseudo celebrities like before and after and at the end will have a bit of a context.

19
00:01:17,700 --> 00:01:25,590
Also follow social networks, contact address, street phone and website and then a photo and downhere

20
00:01:25,590 --> 00:01:26,880
will also see the script.

21
00:01:26,880 --> 00:01:29,720
And also let me show you this in the inspector.

22
00:01:30,210 --> 00:01:38,790
So if we click on section foot, you will see on the section side, we also have here a free column

23
00:01:38,790 --> 00:01:44,940
grid system in our main section and it can see that some items are spanning over two columns.

24
00:01:44,940 --> 00:01:49,920
And also down here, we also have a span of two columns, this one column.

25
00:01:51,240 --> 00:01:59,670
And down here will have a narrow span for the photo over two columns and then a separation for the social

26
00:02:00,150 --> 00:02:03,040
media following and the address itself.

27
00:02:03,720 --> 00:02:07,010
So, yeah, I think this is a perfect project for exercise.

28
00:02:07,020 --> 00:02:07,360
Great.

29
00:02:07,680 --> 00:02:10,590
And for you then to do your own project after this.

30
00:02:11,220 --> 00:02:13,110
So let's get into the project.