Among the last lessons on the success, we saw the media queries thanks to Sarsae, we have the possibility
to insert directly into a selector.
In a nested way, a series of media instructions allowing us to set different properties for different
devices where we're willing to apply them.
For example, let's say our H1 tag, which is placed inside high, if we want it to set a different
font size Bazine on the dimension, that is the width in this case of this screen, what is going to
be visualized?
We might nest inside it.
Some media queries we might start off by inserting as media screen and.
Max, we.
Golon, three hundred and twenty pixels set in this way, a value which is actually typical of mobile
devices.
Once done this, lets open the brace and insert into eight font size, for example, 18 pixels.
No need to say we can insert additional media screens.
For example, we may insert a seven hundred sixty eight pixel max width with a twenty two pixel font
size and another media screen even as mean width instead.
Seven hundred sixty nine pixel and setting the originary twenty five pixels.
Now let's delete the font size attribute and let's say as you see it perform the compilation and withinside
will see different media screens set for each of the one we've got in high.
And also in our result we can see that by shrinking, each one modifies itself.
By widening, it is able to stretch.
So as you so we said, some in the media screens so nested into our cells able to work freely so that
the system may then correctly compile the CCSVI with this lesson, the extra section dedicated to Sarsae
and.
If you like to get to know more about this specific topic.
Do contact me, just specify the components you're interested in drilling down or else the new elements
that might be useful to you to upgrade even more your front end skills.