So, let's continue with our H1 element here.
Very important in our shared.css file,
we defined a style for H1 already,
so the font-family,
but here I want to specifically some things
for the H1 element on our landing page,
therefore let's add this selector
and first, I want to add a fixed font size to it,
because at the moment we have the default font size
for H1 elements and I want to have a fixed one,
so let's say font-size of maybe 30 pixels.
And, besides that, I want to add a color to it,
because at the moment it's not perfectly readable.
So let's add a color with an rgb code of 31,
25, and 25.
Yep!
See, it's a bit darker now so we can see it.
And, besides that, I also want to work on our span,
remember, it's the element we introduced here
for our day and date
and I want to give this a different color
to highlight it a bit.
Therefore, let's add the span element here
and this should have a color of, again, rgb 66, 2, and 2.
Now it's a different color.
You can hardly see it, but it shouldn't be too aggressive,
so to say, but this is darker and that's a bit lighter.
I think that's a nice look here.
Of course, you can add different colors,
but I think this is totally sufficient here.
What is not working anymore is also the color
for our today's challenge because,
well, this is basically unreadable.
So, let's change the rgb code down here to 75, 59, and 59.
Yeah, looks a lot better,
and with that we are almost done with this page.
To be a bit better inline with our very subtle highlighting
of the date up here,
I also would like to apply this to
our full week link down here.
For this, we'll add an anchor tag here
and very important we have the anchor tag
already here in our shared.css file.
So I'm overwriting this property now
for our specific anchor tags on the daily challenge page
and this should have a color of rgb 73, 29, and 50.
Yeah.
I think this looks better.
With this, our daily challenge page looks all right,
so we're done with the styling right here.
One thing I want to quickly check is if we have anything
to clean up in our shared.css file.
Well, maybe we could, yeah,
we could do this.
We could add a fixed font-size here for our paragraphs,
in general.
Maybe of, 24 pixels,
not a must, as I said,
otherwise you have the default font size,
but this now increases our size of the paragraph down here
for example.
It makes it better, readable in the end,
so I kind of like this.
But besides that, I think this looks all right.
So, this is what our website looks like now.
We have created two good looking pages,
so landing page and the pages for all of our challenges.
By the way, as I said, if you zoom out,
this is what the page looks like on a 100%
zoom level here, but I stick to this one here,
to make it better readable.
Well, and with that, you've created your first website!
That's awesome and, to make sure you don't forget
anything you learned in this module, I'll summarize
the core concepts in the next lecture.