So now we are adding started straight, but right, let's just give it.
Let's just give the parent container they've offered.
So we'll deal with that last name of component emoji residual.
So we have given it that last name now, let's just now let's just go to a ceasefire, which is a major
road test, so we will be opening a serious phase and this is a more due to the atrocities and that
again is completely empty.
So the first thing that will do is give it the bottom.
So let's just target our component.
Well, we're giving it a border bottom of one big sales order.
And color of hashtag Trabelsi.
Now, apart from giving it a parting of.
10 pixels.
And the height of.
Thirty two pixels.
And after giving it a parting, and I will give it a push and a letter.
And articulation relatively little also give it to foreign family.
Of Helvetica.
And sensitive, so we are going to find family apartment fund family will also give it, of course,
a point of.
Point, so let's just hit, save and close all the elements that we don't need.
And once we're done, we're leaving a wrap.
Now I just open your browser to see your application.
So now we see that the Board of Aldermen, all the classes have been applied, now it's time to move
to other cities, properties and if I just hover over it.
I really want those not working pointers, and let's just do it up again, maybe we're not targeting.
The correct.
Elements or component emoji result.
Joe?
Of course, I should point out, and let's just reward imageries of just five.
So this component imagery is a draw.
Component image is a draw that's appropriate show.
OK, so we have not yet important.
So let's just imported cases, and that is again a silly new mistake.
So let's just import component, which is a module results two tests of it.
It is.
Now hit, save and just fill it up.
So cannot find the module emoji results road test, so why is it that because it's right in front of
us?
OK, so we just waited and we haven't given it the relative fat, so let's just give it the relative
fat now, and it's say.
At least.
Turnover, just take a look at that.
We're having images and we are getting our pointer right, so serious has been applied successfully.
So if we just take a look at that app, we are having our pointer as well as our styles have been applied,
so it's now working properly.
So now it's time to add some more styles to our application.
So let's just head back into our code editor.
And going to our immediate results.
And let's get another element this time there's going to be Hova because we want to change the color
when we are going to hover over our application image, it is a draw and then have a.
And this time we just wanted to give it a background color of.
Hashtag Tripoli.
And apart from this, they'll also be targeting other image element like images so that they are displayed
in proportion to other components.
So let's just get an emoji component.
Images that are true as well as images and the images will be just a blanket with a weight of 32 pixels
and a height of 32 pixels.
Now part of it, and I really want to give it a fighting rate of 10 percent.
Batting, right?
Of 10, because no just hits you and lets you add up.
OK, so our image is not in proportion to other components.
You can see, as well as we are getting the background color, you might see that.
OK, so this is working fine now.
Let's just we want this click to copy and name of emoji to be separated by a vital and we do not want
them to actually be submerged in each other.
So let's just go back into our app now we can get of that so that really just communicating on one emoji
and this time the title.
As you might remember, this title is offered if you just go into it and are doing, this is the title
that we're containing and targeting.
No.
So in a title, we want to give it a property of ablation, relative and top.
Inflation should be relative as well as, OK, just give it a drop of around maybe eight pixels.
Apart from a tightly wound, we also we're targeting for.
And we want it to flow to right, we would not want them to actually look too closely or to part so
we want it to flow to right now, Bertram, right?
We also give it a position relative.
And after Bush in relative will also just make sure that it has a top of it because.
Semicolon and then will you at a rate of 10 pixels?
And after this stop and right will give it a color of a hashtag Trabelsi.
And display of.
Now we have added most of the company or most of the pieces says that we wanted to, but that is when
most cases that are looked at and that is component to the true and this time we will give it a show
how it.
And info.
A display in line of the.
Display of inline blocks now hit save and you are up.
So if we just we are happy that.
OK, so none of them is being applied, and why is that?
Component energy, OK, so we haven't targeted anything apart from images that we just have to put our
period and in front of the info we're getting out of whatever period and in front of.
Hopefully it should work, and I'll let you wrap.
OK, so easy click to copy and whenever they're going to hover over them, otherwise they will be somewhere
in the white space and we are having our name of our apps as a title.
OK, so it is working fine now?
No.
So we have configured our app and the thesis.
So now let's just move ahead.