Hello,
According to course, text should position to 0 left and 200 down from the top, but it doesn't????
please view code below:
[CODE title="Indext.html"]
<section class="banner">
<img src="IMGS/banner.png" alt="MarioClub welcome banner">
<div class="Welcome">
<h2>Welcome to <br><span>Marioclub</span></h2>
</div>
</section>[/CODE]
[CODE title="Styles.css"]
header{
}
.banner{
position: relative;
}
.banner img{
max-width: 100%;
}
.banner .welcome{
position: absolute;
left: 0px;
top: 200px;
}
[/CODE]
The text "Welcome to Mario club" doesn't reposition????
I would attach the full index.html and css files as attachments, but they are greyed out when I try to insert them in this post???
Any help is much appreciated
Thank you
According to course, text should position to 0 left and 200 down from the top, but it doesn't????
please view code below:
[CODE title="Indext.html"]
<section class="banner">
<img src="IMGS/banner.png" alt="MarioClub welcome banner">
<div class="Welcome">
<h2>Welcome to <br><span>Marioclub</span></h2>
</div>
</section>[/CODE]
[CODE title="Styles.css"]
header{
}
.banner{
position: relative;
}
.banner img{
max-width: 100%;
}
.banner .welcome{
position: absolute;
left: 0px;
top: 200px;
}
[/CODE]
The text "Welcome to Mario club" doesn't reposition????
I would attach the full index.html and css files as attachments, but they are greyed out when I try to insert them in this post???
Any help is much appreciated
Thank you