1
00:00:06,040 --> 00:00:14,500
So far, we have dealt with a series of age to and see assess peculiarities which were supposed to let

2
00:00:14,500 --> 00:00:21,130
us have an overview of all the potentialities these languages have.

3
00:00:21,430 --> 00:00:30,310
From this moment onwards, we are going to detail new tools able to perform very specific tasks with

4
00:00:30,310 --> 00:00:35,920
the aim of helping us shape our layouts thanks to innovative techniques.

5
00:00:36,250 --> 00:00:43,810
Up to some years ago, it was necessary to try and make efforts with the classes, ideas and all the

6
00:00:43,810 --> 00:00:51,790
other selectors overrode success pages to be able to create a layout which was in fact adaptable to

7
00:00:51,790 --> 00:00:54,600
any device instead.

8
00:00:54,610 --> 00:01:02,800
Now, thanks to the flex boxes, which we will analyze and this section, we can create a layout which

9
00:01:02,800 --> 00:01:09,130
gets structured independently from the place of the elements inside the image.

10
00:01:10,120 --> 00:01:15,010
These flexible selectors can be inserted into our pages.

11
00:01:16,740 --> 00:01:24,420
Starting from the letter containing the display property with the flat attribute.

12
00:01:25,580 --> 00:01:29,480
This attribute we've set our parent container.

13
00:01:30,520 --> 00:01:33,880
Which therefore, we contain our flexible boxes.

14
00:01:35,520 --> 00:01:44,910
Allowing us to insert into this parent container a variety of child blocks, which can be managed very

15
00:01:44,910 --> 00:01:51,990
easily through specific properties, we are going to see in the following lessons.

16
00:01:53,590 --> 00:02:01,900
In this image, you can see the properties of the containers, therefore, of other parent elements,

17
00:02:02,650 --> 00:02:04,140
which we will detail.

18
00:02:06,200 --> 00:02:16,460
While in this anger, you can see the properties of the child elements detained as well during the next

19
00:02:16,520 --> 00:02:17,300
videos.