1
00:00:00,330 --> 00:00:05,520
Now, let's take a look at some use cases of grid layouts where Flexibles is extremely useful with components

2
00:00:05,520 --> 00:00:11,640
like navigation and calls, the most common misconception about the two layout's modules is that grid

3
00:00:11,640 --> 00:00:15,720
is a full page layout and flexibles is for small components.

4
00:00:16,530 --> 00:00:18,420
This is not the case at all.

5
00:00:19,140 --> 00:00:24,620
You need to assess each layout individually on case by case basis in order to pick the better option,

6
00:00:25,080 --> 00:00:28,930
since this good focuses on a precise content placement.

7
00:00:29,310 --> 00:00:34,200
Each item in a grid cell line up along both horizontal and vertical axis.

8
00:00:34,620 --> 00:00:41,950
If you want a accurate control, if you want to accurately control the position of items with a layout,

9
00:00:41,950 --> 00:00:43,800
siestas grid is a way to go.

10
00:00:45,340 --> 00:00:52,840
In real life cases with Flexibles, it is hard to predict behavior at certain Newport's and you can

11
00:00:52,840 --> 00:00:54,720
get surprising results.

12
00:00:55,120 --> 00:01:01,990
Of course, you can set the width and height of flexibles items or make use of the cork function.

13
00:01:02,820 --> 00:01:07,410
But you can lose Fleck's spokesman's appeal flexibility.

14
00:01:08,340 --> 00:01:13,860
This is not the case with CSI script, it has properties such as Great Template column, angry type

15
00:01:13,950 --> 00:01:19,350
role and utilities like the fracturing unit that led to precisely calculate everything.

16
00:01:19,680 --> 00:01:27,510
Hence, grid systems are especially suitable for creating unusual layouts like broken asymmetric or

17
00:01:27,510 --> 00:01:28,760
overlapping layouts.

18
00:01:28,770 --> 00:01:34,320
Siestas grid also makes it possible to create responsively out without using media queries.

19
00:01:35,160 --> 00:01:36,740
OK, so that's it for the slides.

20
00:01:36,920 --> 00:01:38,490
Let's get into the properties.