Dasmoto Exercise CSS

Get Help CSS
#1

Hello - am trying to figure out how to stretch the pattern image across the page and superpose the H1 Dasmoto title on it. I am close but it seems I can’t move the text on the image. This is what I have so far in CSS/html

h1 {
font-size:100px;
font-weight: bold;
color:khaki;
text-align: center;
}
.banner {
width: 100%;
height: 10%;
position: fixed;
left: 0px;
top: 0px;
font-size:100px;
z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}
html:

Dasmoto's Arts & Crafts

#2

Would you mind sharing your HTML file? it seems it didn’t get posted.
This might be helpful:

How do I format code in my posts?

#3

Thank you for sharing you thoughts. I uploaded the CSS pick

css code
css code1920×1040 44.1 KB

#4

html code pic
html code pic1920×1040 55.8 KB

and also the html

#5

Hi @web3565464772, welcome!

I don’t see that a z-index in my css file for this exercise.

I see your logic that one goes in front of the other, but maybe it’s one goes behind the other and the opacity kinda = z-indez

#6

Thank you for the feedback