Where is mistake?

This is HTML, next one CSS:

.container {
background: url(./resources/images/pattern.jpeg);
font-family: Helvetica;
font-size: 40px;
font-weight: bold;
display: flex;
justify-content: center;
color: khaki;
}

I cant see a picture as a background for the text as a banner. Please help me to find a mistake, why its not working?

The <div> shouldn’t be inside <head> - try moving it inside <body>

4 Likes

100% - is mostly reserved for meta data

2 Likes

every time I want to write new code it appears at the top which interferes with my navbar, I want my H1, P other code to appear at the bottom any fixes ?

Happy to have a look at your code - see guide below about formatting code in posts.

2 Likes

I have started next day and I have completed it on my own without any clue, thank you so much. I am 7proud of myself, and understood that I have to leave it and start from scratch and it always works. Thank you!

1 Like

I figured it out lol the mistake I made was I put my background-image inside body element.

I have another question, I have created a project on my computer and css firela has got name: main.css. Now I copy past into code academy, but css file has got other name, and I dont know what will be a right path for css file.
Can you help with path for css file?

On my computer it looks:

If you click the folder icon in the top left corner (circled yellow above) you will be able to see your folders (if you have any) and your files.

If you just have index.html and styles.css files, then it will be href="./styles.css".

Note your code uses style.css but the file is named styles.css (i.e. with an “s”).

The link below has some beginner friendly info on file paths etc.

2 Likes

Thank you very much I will try today