And this is going to take care of our page in a tabloid format, so let's go down here and type in a
comment responsive.
Now, the first thing that we're going to take care of is a tablet format that we have not called a
tablet.
And after that, we'll have a desktop format.
So let's go to our tablet format now, all set on medium, sort of in media for a minute this time,
and I said when we're having a mobile first approach, we'll start from a downscaled version of the.
First of all, it should look good on a phone and then we're going to work ourselves upwards.
So this is why we're going to use the Menwith instead of the Mad Max with some Menwith, and we're going
to set this to five hundred pixels.
OK, so let's see what happens here.
We first need to take care of our header and the tag.
Now, what I want to do here is have this displayed as flex,
and it should have a height of 100 percent and show you quickly what this does.
This will already change our view direction from this coming the south again forming a column to a flex
road direction because flex flex is automatically an arrow.
Now, if I would change the class of had the text to have a height of one hundred viewport height.
This will now set the left side to everyone, one, what you put right now, all we need to do is do
the same thing for or had an image songa to type in here.
Come idea had the image and as soon as we hit save, both of them will now have one hundred pupate heights.
Now, let's go down to a contacts section, so I don't like this and don't really like how this is looking.
Let's now take care of this by targeting our content contact container.
And let's change is Fleck's direction to erro.
And as justify the content, the center, and also align the items to the center.
I guess that's pretty much all the changes that I want to do for for this family.
We don't have an obligation, so we can't do anything with this.
But as I said, this is just a simple Web page when we're working through our concept of mobile first
approach.
So the lesson we need to do is take care of this in a desktop format.
So see the next one by.