Background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center bottom;


#1

why?

background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center bottom;

when must be:

background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center top;

Thank.


#2

Hi @rolandoescobar,

please be specific as to what exactly you are asking. :grin:


#3

presentation are

cover {

background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg");
background-repeat: no-repeat;
background-position: top center;
height: 900px;
position: relative;
top: -55px;
width: 100%;
}

the answer must be:

background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center top;

not bottom ????


#4

Yes I understand that but what I am asking is is your code not passing the SCT or are you saying there is a bug on the exercise?


#5

I think it's a bug, must be top not bottom.

(sorry, I speak spanish, my english is'nt good)
understand?


#6

Haha no problem at all,

are you saying that because it has a problem, or is it just how you want it to look?


#7

I say: the 3 lines are:
background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg");
background-repeat: no-repeat;
background-position: top center;

the answer must be:
background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center top;

but the answer is magic from top to bottom :slight_smile: )

background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center bottom; <------ from three line to one line (no hay coincidencia) the question or the answer have a problem. Or not?


#8

Ohhhh I see, But remember in CSS3 or even CSS2 both these methods work,

and,


#9

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