Portfolio zipline help needed

1 
.pageTwo{
  background-image:url("https://images.unsplash.com/photo-1503389152951-9f343605f61e?dpr=1&auto=compress,format&fit=crop&w=991&h=500&q=80&cs=tinysrgb&crop=");
  background-size:cover;
  height:800px;
}

Im trying to put a second page on my portfolio by including a background image using an url, but it is not appearing. Any tips? Thanks.

2

nothing wrong with your piece of code

could you share the link to your pen?

3

I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

4

Check your browser console for errors. It may be that your image isn’t being downloaded.

5
6

I move

.pageTwo{
  background-image:url("https://images.unsplash.com/photo-1503389152951-9f343605f61e?dpr=1&auto=compress,format&fit=crop&w=991&h=500&q=80&cs=tinysrgb&crop=");
  background-size:cover;
  height:800px;
}

to first line of your CSS and everything works

1 Like
7

Delete the extra semicolon after the closing brace of .pageOne in your css

1 Like