So let's write for the NAB.
So will provide a class name here to inside the NAB that will be a background color, first of all.
And background color, I have already found the color, so I'll write just the hex code for it.
That will be zero zero eight 190.
Next, we'll be having a parenting role of parenting is important.
And that will be one point to fight in.
While the top and bottom and tourism for the left and right.
Let me just save and see if CSIS is getting ready or not.
No, it's not because we have not imported it, I guess, and starting next are just fine.
No, no, no, no, no.
We have important it.
But for some reason, it doesn't work.
So what is the issue here?
Oh, I'm sorry, the screen was not visible.
OK, the thing is, we have we have given it a dog like dog, does it given to the class name, which
we don't like the custom glass name, but this is not a custom class.
This is like the component, this element that doesn't need a class name.
Now, when you see on the browser, you can see at least you can see what we wrote in the CSIS.
Obviously, it's not that accurate, but we'll make it work.
All right.
So next to what we'll do is we'll start.
We'll style the nav center component.
All right.
So in the NAB Center is the main like Deb, which contains everything.
All right.
So here we'll provide a maximum width of four to be variable and we can just provide fixed with here.
And.
We.
That that means the maximum is fixed.
And will provide us with a 100 percent.
Next, there will be the margin, and for top and bottom, that will be zero and four left and right
that will be out of.
Next, we'll be having.
Like, we'll be implementing Flex Block Flexbox here, not Flex Blocks, lacks box or display flex.
We are going to use some to make things a little bit more responsive.
Next, we'll be having to fight content space between what does this mean?
This means that whatever the content is presented inside that particular day that they will have some
amount of space in between, they will not be like, like attached or too close to each other.
There will be some space between those particular content and then will be giving a items to be center.
The most common thing, the most common line of courses, which I use.
Let us go to the browser and see, OK, we are getting closer, but not so much.
Not so much.
And then will give the style to date three.
Now what do they three, these three is the.
Is the head or the brand name that will be the margin bottom of.
Margin bottom of Zito, then we give.
Color and color.
I would just like to give it a wide color.
As simple as it could be.
Now we are getting this extra amount of padding and margin right now that is being provided by the like
before.
Yes.
In the obnoxious us, me and me.
So let me just write in the obnoxious as modern.
Not like this.
Darts star.
And Mod Gin is equal to zero and by adding.
Is also zero.
I hope it's gone now, and I know it doesn't.
So let in just doing all this and go to the next door to see this only and like.
Well, the whole body.
Like, we'll be disabling this mod into the whole party, and that will be not our dart because it's
not a customized class name.
That'll be margin of zero and that will be Baoding of zero.
Okay.
Okay, it worked.
It worked out for us.
Now.
We go back to the ceasefire and we'll style the nerve container for the.
Not nerve center.
Right now, we are working on the NAB container.
So the nav container we will be displaying block now, y we'll be doing this.
You will get this in a moment.
Next, we'll be giving the position to a relative because the amount which will be shown like the total
count of the product will be shown that should be shown.
Like about as big.
All right.
That's why we've done it does go back.
And things are not.
Things have not changed, but that's alright.
Nap containers, spellings right now.
Yeah, it is.
OK, so now let's dial the amount.
Containers.
So.
The mound container would be.
Position would be absolute, actually, because that is above the that should be displayed above the.
Bag in the bag, I can't.
That would be a top margin, or you can say, padding of pointed five audience.
Like, I think Sears is from coast to coast.
There's so much time consuming.
That's why I like to do it in advance and then I just directly implement it.
So we'll be doing that only from the next two years will not be writing this from scratch because it's
almost time consuming and.
We will miss like the important things.
We are doing this on one, seven, five of Went.
One owned by all party and via forthright Adam here.
Because it will have no meaning if I don't give it a unique.
OK.
That is a word that is a height.
Of course, that is a word that would be a height that is also the same.
Writings, he says.
So border really is not border or a radius.
Border radius would be 50 percent.
Now, you know why whenever you give border radius 50 percent to a container or an element basically
that is converted into a circle?
Of course, because what is border radius use for border radius is used to give golf to a particular
a particular element.
And if you go to the 50 percent, obviously it is be.
It's now converted to a circle.
So that's what I wondered.
That's what I converted into a circle.
So now I'm giving a background color to that particular component or the element.
So.
I can't remember the Hex code, because one three, one six three.
OK.
Yeah.
Then we'll be displaying flags, this blue flag is just to make things responsive, a line item center,
my favorite line of CSIS and justified content of my other favorite line justify content, not items.
Broken turns to OK, now let us see what we have done so far.
OK.
Things have become to look a little similar, but not so much so.
We need to write a little more thesis for it.
Full story, what I'm noticing here is that see this big a lot of our time.
But what will be doing next is really just like I've already created this project and I will do design
this year so that we'll be using that system only.
Of course, I'll be explaining each line, but we're not tapping the scissors from scratch because that
is taking a lot of time, and we might miss the important concept of risk by doing CSI only.
It will be like doing it now from the next time we'll be just grabbing this surface from my files and
we'll be just pasting into.