1
00:00:02,170 --> 00:00:04,440
Welcome to the next module.

2
00:00:04,440 --> 00:00:08,430
This module is all about layouts and positioning,

3
00:00:08,430 --> 00:00:10,600
and we'll dive into these topics

4
00:00:10,600 --> 00:00:12,450
with the next course project.

5
00:00:12,450 --> 00:00:15,190
Now, we created our first website already

6
00:00:15,190 --> 00:00:17,000
and it looked good as I would say,

7
00:00:17,000 --> 00:00:20,080
but now it's time to bring it to the next level.

8
00:00:20,080 --> 00:00:23,120
If you want to create modern looking websites,

9
00:00:23,120 --> 00:00:25,780
you need to create awesome layouts

10
00:00:25,780 --> 00:00:28,320
and you need to be able to change the position

11
00:00:28,320 --> 00:00:31,170
of the elements on your website.

12
00:00:31,170 --> 00:00:34,490
Now, these are the two core topics of this module

13
00:00:34,490 --> 00:00:37,860
and to understand these topics, we'll have a look at

14
00:00:37,860 --> 00:00:42,860
images once again, specifically also at background images.

15
00:00:43,440 --> 00:00:46,120
We'll dive into two core technologies,

16
00:00:46,120 --> 00:00:51,120
CSS Shift Swift, CSS Flexbox and the CSS Grid.

17
00:00:51,540 --> 00:00:53,910
Both are technologies, which allow you to

18
00:00:53,910 --> 00:00:58,160
easily create awesome layouts and to position your elements

19
00:00:58,160 --> 00:00:59,780
in these layouts.

20
00:00:59,780 --> 00:01:02,880
And we'll also dive deeper into units.

21
00:01:02,880 --> 00:01:05,010
So far, we've worked with pixels.

22
00:01:05,010 --> 00:01:07,790
In this module we'll also have a look at other units

23
00:01:07,790 --> 00:01:12,790
you typically use in your CSS project like percentages.

24
00:01:12,840 --> 00:01:14,620
That's what's inside this module.

25
00:01:14,620 --> 00:01:16,340
Now, before we start though,

26
00:01:16,340 --> 00:01:18,860
let's first have a look at the project

27
00:01:18,860 --> 00:01:20,210
that we are going to build.