So our app, as of now is neither looking great nor beautiful.
And if you just take a look at that up, we see that there are definitely some sort of browser pairings
as well as margins in an application which you obviously do not want.
So let's head back to data and will be adding code to our that this properties to our application.
So now the first thing that we are going to do is that we make sure that there are no margins as well
as padding around that application because as of now, there are many.
So head back into your code back, put, determine and select all and give it a margin.
Of zero, as well as with the batting of zero.
And under the margins and particularly with the border, I mean, sizing of what a box.
So books.
So I think it's going to be going to body box and after this book sizing, let's give it up.
OK, so it's final, let's say, when your application.
So we obviously see that all those bad things, as well as margins around their application is going
to be stepping up to the left.
No, then again, this is not what we want.
So after this, let's select a route.
And I've this road, what I want to do is that we're going to give it a minute out of it.
And after this, Minhaj, will you the background colour to give it a background?
And this is going to be called to hashtag 3V.
And then again, 3B and then they need.
OK, so this is the background color tribute, it's not two, three three three three nine it OK, so
this is a background color.
Now let's just hit save and we your application.
So, yeah, definitely we're having the background color that we won't know after this or trying to
do is that let's head back into a.
Now we're going to target other elements of the first one is going to be a container.
So that's Doug in the container.
If you don't remember to just head back into our projects, so this is our day or the parent container
that we have, so we'll be adding style to our parent container.
Now we're going to give it a bit of about 250 boxes, so we'll give it a little 350 pixels.
And after this particular weight, but I need to do is God will be giving it a margin.
So let's go to margin and this margin is going to be equal to zero.
And I'll do.
So after this margin, what it needs to do is that at the beginning of polling top.
So give it a fighting duck and this president up is going to hold the value of 200 pixels.
No, but it's cynical and hit save and let's see it application.
OK, so if we just take a look.
OK, we definitely see that it has come to the center of our application.
Almost have this intimacy.
And after this, what I need to do is that so we have to go to our content right now, we need that.
We need to go to our other component.
And this time it is going to be a generator.
So if you just take a look back here, that last name generators are, this is what they're targeting
now.
So let's give it a generator.
Now, this generator is going to hold different values, such as the border radius, so let's give it
a border radius of about three boxes.
No, it's safe and that's your application.
So we just can't see it now because you have different colors right now, let's add a color to it.
So with the background?
And this time the background is going to hold up the value hashtag two three two three five two three
two three five.
So this is a background on, let's say, when we application.
So here is a message that background color of our container generator.
And after this container background, we are going to give it another property, and this time it is
going to be a book shadow.
So border radius is supposed to be three pixels, and it did.
Indeed, it is.
And after this background, we're going to give it a box shadow.
So let's give it a box shadow.
And this is going to hold up the value of zero pixels, pixels, then pixels and an g value.
And this ogbia value is going to be 200 device and two and 250 fifty five and then zero point.
OK, now it's safe.
So this is a job value, so are supposed to end up with a.
So there is a debate.
Let's take a look at Wrap.
OK.
We definitely see a light box, Shadow Minister John.
Now let's take a look back into a generator now after this shadow will give it a padding.
So let's add some padding to our application, so give it a padding.
And this batting is going to be equal to.
Supposedly with 20 pixels, I guess, you know, OK, hit it, and let's get application.
So, yeah, it's working fine now.
We are targeting a parcel generator, so if we just take a look into our application.
So this is a power generator, so we'll be targeting that header basically.
And if we just take a look back in that application two, OK, so this is supposed to have a class name,
so give it a class name.
We'll be going to a generator.
And underscore.
Heather, OK, so in know, main generator.
So it doesn't read or indeed it is.
No, it's we weird application.
No, right inside the generator room to target that header.
So an and saying because it's the child and an underscore and ahead of.