ADDING IMAGES Background: Images


#1

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/courses/learn-html-css/lessons/adding-images/exercises/background-images?action=lesson_resume&link_content_target=interstitial_lesson

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
Not able to move forward… Getting an error. But my image is displayed correctly.

```

body {
background-color: #FFF;
margin: 0;
padding: 0;
}

#cover {
height: 900px;
position: relative;
top: -55px;
width: 100%;
background-image: url(“https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg”) ;
}

.navigation {
background-color: rgba(255, 255, 255, 0.9);
overflow-y: auto;
position: fixed;
left: 0;
top: 0;
text-align: center;
width: 100%;
z-index: 10000;
}

ul {
padding: 0;
}

li {
color: #14213D;
display: inline-block;
font-family: ‘Abel’, sans-serif;
font-size: 16px;
font-weight: 300;
margin: 16px 20px;
text-transform: uppercase;
}

#logo {
color: #FCA311;
font-family: ‘Amatic SC’, cursive;
font-size: 32px;
padding: 0px 50px;
}

.cover-content {
box-sizing: border-box;
margin: 0 auto;
position: relative;
text-align: center;
top: 280px;
width: 70%;
}

h1 {
color: #FFF;
font-family: ‘Amatic SC’, cursive;
font-size: 72px;
line-height: 60px;
padding: 20px 10px;
text-align: center;
}

h2 {
color: #000;
font-family: ‘Raleway’, sans-serif;
font-size: 42px;
font-weight: 300;
text-align: center;
}

h3 {
color: #14213D;
font-family: ‘Abel’, sans-serif;
font-size: 28px;
text-align: center;
text-transform: uppercase;
}

h4 {
color: #FCA311;
font-family: ‘Abel’, sans-serif;
font-size: 24px;
margin: 0px 0px 50px 0px;
}

p {
color: #333;
font-family: ‘Raleway’, sans-serif;
font-size: 16px;
font-weight: 300;
}

a {
text-decoration: none;
}

.btn {
background-color: #14213D;
color: #FFF;
font-family: ‘Amatic SC’, cursive;
font-size: 26px;
padding: 14px;
}

.products {
background: #EEEFF1;
box-sizing: border-box;
width: 90%;
margin: 20px auto;
padding: 20px 0px;
text-align: center;
}

.product {
display: inline-block;
margin: 0px 2% 80px 2%;
text-align: center;
width: 45%;
}

.product img {
width: 100%;
}

.blue {
color: #14213D !important;
}

<do not remove the three backticks above>

#2

Missing property:

background-size: cover;

#3

I figured it out. I had a space after the ) and ;


#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.