Not that necessarily created an estimate, it's time to move into cities, as you might know, that
EdgeHTML in in itself won't be doing much.
So far, that bubbles will be needing cities.
And as you are aware that there are different ways in which we can implement cities, and in this case,
we will be making a separate file in which we will be adding all our cities and then importing it and
it are not indexed dodges.
So if you look at that app, you see there are the margins around component margins and bad things.
So far that what was the first thing that they're going to do is remove those margins.
So just select the entire body and after and before and put the margin and padding to zero.
Margin should be zero, as well as the padding.
And will give it a box sizing of budget box.
And this is a murder, and now it's time to move into a body element.
And as you can see, all the madness and bearings have gone.
No, it's not a component is sticking to our window screen now.
We'll give it a body element of a foreign family.
Of Apple system.
And sensitive as the primary ones and will get a background color of Excel, 210, 36 percent and 96
percent.
And the color of Excel to nine, 61 percent and 16 percent.
And a line height of 1.5 and a font family or a font size of 1.5 by 0.7 8.5 firearm.
Now you can see there that unions have already been implemented, you can see that if enforced, that
has been applauded.
Now will target our block plus and give it a minute of 50, which.
And now it's time to make a black banner, a very targeted class that was BCG black and give it a background
of hashtag dozy to E3 when.
Now, if you look at add up, you see that black banner looks kind of similar, but it does, it is
in the same.
And a container of that interview.
And Max, with of 730 pixels.
And a background of hashtag love, it's right, basically, but with a different shade, a margin of
zero.
And auto.
And imagine top of 200 pixels, not 2000 pixels.
And we will give it a border radius of zero point origin and position should be relative.
And we'll give it a text allowing, Senator.
And padding a 1.5m.
And we give it a border, a shadow of zero five pixels, 15 pixels with ogbia zero zero zero and 0.2.
Now we look at add up.
Seems very nice, but still there are ways to go.
So let's move backwards and again target another element.
This time it's going to be container.
Now, will you read the content of empty string?
And a position should be absolute.
Position should be absolute top, should be zero and left should be zero with a rate of 100 percent
and height should be around.
130 meters.
And we'll go to Border Bottom after eight years of zero point of Abraham and saying will go over the
border bottom right radius 0.5 item.
Now seems kind of nice, but we have to make certain moral judgments and regret about at the bottom
of one big stone solid with RGV value.
Now, let's talk about container image, because there are some adjustments that we need to make that
record a 150 pixels and the height of three pixels and a position should be relative to the box and
border areas of 15 percent and padding of five pixels and really the background Pasha Kovalev.
And that's again, that white and borderline pixels already with Ojibway value.
No images, certainly looking good.
Nobody would imagine burden them off to them and box shadow of zero five pixels, 15 pixels and a bit
igb value.
No content has been separated from an image.
Now we're talking to you the title plus of the paragraph, and you were the font size of 18 pixels and
a margin of button margin bottom of zero.
And we will target the user value.
This is this was again the paragraph class and your different age of 20 pixels and then the target are
valueless.
Basically, these are the icons.
And there's a fair amount of work to be done here displaying great and the great template column should
be six repeated with whenever.
Now I can.
I can should be a background.
Transparent.
And borders should be transparent.
And it a quantities of 1.5m.
Now, it seems nice, but we have to make sure that a value element is separated from the rest of the
content of events for timing, let's give it a go.
Now we are having our cursor when we ask when you are hovering over Reagan's.
OK.
Now, I just heard 222, wasn't it, 49 percent?
OK, so now we have a different color.
And the transition of all 0.3 seconds linear.
And then.
As you can see, everything is picture perfect now.
Novel Target the paragraph element and give it a margin bottom of five them so that it can be separated
from our icons.
OK, now it's done.
OK, let's give it a one point zero.
1.5 zero, Jim.
OK, you know, it's looking slightly better.
Let's give it the color of each other, 29, 34 percent and 30 percent.
At paragraph elements and whenever we have our icons, the color should change.
So for that purpose, we are using the superclass and give it a color of excel to a five, 78 percent,
then 60 percent.
So now that you see when you are hovering icons, there's a different color.
No, it's not that only persons from the Windows or PC personally reviewing are Europe.
This is going to be mobile first app, so we have to make sure that it's responsive.
So we'll just make sure that whenever a person is being it from a device that is not mobile, the font
size should not be same as it is on mobile.
So the font size should be wondering whenever the men, whether the device is agent pictures.
And while the user value should increased to 38 pixels, I can say should increase to them.
Now we older and ready to roll, and it's time to add dynamics to our React app.