Hello and welcome.
In this fit you I am going to add some basic styling to make the clock more presentable.
So this is what the clock looks like at the moment you can see that the actual Texas quite small so
you can't see properly.
So I'm going to make that bigger.
I'm also going to add a background colour to this here.
So they give it a different background.
And I'm going to enclose a clock which is rendered inside a deed.
I'm going to make that Deve scented here so and also give it a background colour.
So I'm going to click on my CNS file here.
And this is where I'm going to hand these here says stylin for the clock.
So I have added this here says for Play a clock here.
Here got the body elements or am this.
I'm just giving the body a background colour of this collar here is escandon like a sky blue collar
and a clock.
I've got an idea a deep here called the clock by going to my index.
This is what I am referring to this idea here called clock.
So I'm steinmann that I'm giving it a lot of white.
This is going to be the actual call of the text that will be displayed giving the font size of a hundred
and forty five pixels.
Notice the text on the clock is quite small.
So here I'm going to use this to make it bigger.
I'm giving the div a background colour of black.
This is black in hexadecimal value padding.
I'm giving it a pad in of 10 pixels padian Physically refers to the space inside the element.
Giving it.
Here we have it in 80 percent of the parents container the parent in a B in the body is going to have
80 percent of that in with a margin to the left.
So basically moving it from the left to which is a side of it and moving it to go towards the right
Great pixels the font family I've specified is held fetich.
We are using font families.
Always good to specify more than one.
Just think is the font you use in is not available on the computer that is being used to view the clock.
And then he can default to on another front.
I got the text aligned a text to the centre and the margin from the top drop in it to 50 pixels so I'm
getting the D to drop down 250 pixels to make it more centred to dippie.
So that's basically bercy assess for the clocks.
I'm just going to save this and just go back to the clock and refresh and you can see now it looks more
presentable.
So that's basically it for this digital clock project.
Thanks for watching.
Bye for now.