Now to finish the look of this main page
of our website,
I now also want to give this whole page a background color
and add a little bit more spacing,
a little bit more distance at the top of this page
above this image.
And for this,
we can go back to our CSS code and up there to the body role
to this body selector,
because I want to set a background color
for the entire page.
So not for any other nested element,
but for the entire visible content
and hence body as the right element to target.
Since this holds all the visible content
and for the spacing to the top,
we can also use the body because this holds all the content,
so that's a good place to also add some spacing
around the content.
So in daily challenge CSS in body,
I'll set a background color and conveniently
the CSS property for that is called background color.
And I again create a color with RGB here
and I'll use 233 for the red part,
215 for the green and 207 for the blue part.
And for the spacing, we have the margin property,
which adds some spacing around the elements so to say.
And here I'll set this to 50 pixels to add a margin.
So a distance of 50 pixels to the top, bottom,
left and right.
We won't see it on bottom left and right,
because we have no content to the left, right or bottom,
but we do see it at the top if I reload
and we also see the new background color,
and that's now pretty much the finished first page
of the site, but I'm saying first page,
because I wanna have another page now.