In this and the next lectures,
we will turn this page into that page.
And the great thing is that before we do that together,
now it's your chance to try this on your own.
Almost all changes applied to this page
are concepts we learned in the last modules.
There are two exceptions still;
highlighting the date so the week day and the date year,
is something which can be achieved with an
element we didn't use so far.
A so-called non semantic inland element a span element.
So this is one new concept here, give it a try,
and placing the image on the border,
where the border cuts this image into two halves so to say,
is something that can be achieved with negative margins.
Two things here, negative margins,
we never used it, so try it,
especially the top margin is the important one here.
And if you ask yourselves, "Why can I use margins,
vertical margins so the top margin here on an image element,
which is an inline element?"
Well, then this is also something you can try here.
I'll, of course, explain to you why this might
be working here in the next lectures.
So with that you can give this a try. Also
don't forget about the HTML part of this project
when it comes to the HTML layout. At the moment
you only have the body which contains an image,
h1 element, and two paragraphs.
So all to think about these layout elements we talked about,
and then in the next lectures we'll solve this together.
Good luck and have fun!