<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://codecademy.com/courses/web-ext/projects/html-css-prj_innovation-cloud
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
A proportion of container inside header is weird as below.
I’d like to make my code looks like this.
I tried
center : fixed;
background-size: cover;
Just like I did on Broadway project, but the result was not what I intended.
Is it also something about Bootstrap? Do you recommend me to move on until I learn more?
Also, I’d appreciate if there is any way I can see CSS code with Firebug on Chrome.
Here is my CSS.
.container {
margin: 0 auto;
max-width: 940px;
padding: 0 0px;
}
/* Header */
.header {
height: 800px;
text-align: center;
background :url(https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/bg.jpg);
}
.header .container {
position: relative;
top: 200px;
}
.header h1 {
font-size: 80px;
line-height: 100px;
margin-top: 0px;
margin-bottom: 80px;
color: white;
text-transform: uppercase;
}
@media (min-width:850px) {
.header h1 {
font-size: 120px;
}
}
Thanks in advance!