1
00:00:05,090 --> 00:00:14,450
Among the last lessons on the success, we saw the media queries thanks to Sarsae, we have the possibility

2
00:00:14,450 --> 00:00:18,380
to insert directly into a selector.

3
00:00:19,600 --> 00:00:30,010
In a nested way, a series of media instructions allowing us to set different properties for different

4
00:00:30,010 --> 00:00:32,440
devices where we're willing to apply them.

5
00:00:33,760 --> 00:00:40,480
For example, let's say our H1 tag, which is placed inside high, if we want it to set a different

6
00:00:40,480 --> 00:00:49,030
font size Bazine on the dimension, that is the width in this case of this screen, what is going to

7
00:00:49,030 --> 00:00:50,250
be visualized?

8
00:00:50,470 --> 00:00:52,840
We might nest inside it.

9
00:00:53,080 --> 00:01:01,930
Some media queries we might start off by inserting as media screen and.

10
00:01:03,430 --> 00:01:05,440
Max, we.

11
00:01:07,580 --> 00:01:16,010
Golon, three hundred and twenty pixels set in this way, a value which is actually typical of mobile

12
00:01:16,010 --> 00:01:16,790
devices.

13
00:01:17,270 --> 00:01:27,980
Once done this, lets open the brace and insert into eight font size, for example, 18 pixels.

14
00:01:28,460 --> 00:01:32,990
No need to say we can insert additional media screens.

15
00:01:32,990 --> 00:01:41,900
For example, we may insert a seven hundred sixty eight pixel max width with a twenty two pixel font

16
00:01:41,900 --> 00:01:49,890
size and another media screen even as mean width instead.

17
00:01:50,180 --> 00:01:56,510
Seven hundred sixty nine pixel and setting the originary twenty five pixels.

18
00:01:56,690 --> 00:02:06,760
Now let's delete the font size attribute and let's say as you see it perform the compilation and withinside

19
00:02:07,040 --> 00:02:14,300
will see different media screens set for each of the one we've got in high.

20
00:02:14,420 --> 00:02:21,650
And also in our result we can see that by shrinking, each one modifies itself.

21
00:02:23,320 --> 00:02:26,410
By widening, it is able to stretch.

22
00:02:27,360 --> 00:02:37,800
So as you so we said, some in the media screens so nested into our cells able to work freely so that

23
00:02:37,800 --> 00:02:46,350
the system may then correctly compile the CCSVI with this lesson, the extra section dedicated to Sarsae

24
00:02:46,350 --> 00:02:46,950
and.

25
00:02:48,270 --> 00:02:52,320
If you like to get to know more about this specific topic.

26
00:02:53,690 --> 00:03:03,230
Do contact me, just specify the components you're interested in drilling down or else the new elements

27
00:03:03,410 --> 00:03:09,130
that might be useful to you to upgrade even more your front end skills.