What does decide length of container?

<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/web-ext/projects/html-css-prj_innovation-cloud

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>

What does decide length(height) of container in the header?
Does it automatically set up by this code?

.header .container {
  position:relative;

``` html, body { margin: 0; padding: 0; }

body {
font-family: ‘Roboto’, sans-serif;
font-weight: 100;
}

.container {
margin: 0 auto;
max-width: 940px;
}

/* Header */
.header {
background:url(“https://s3.amazonaws.com/codecademy-content/projects/innovation-cloud/bg.jpg”) center center / cover no-repeat;
height:800px;
text-align:center;
}

.header .container {
position:relative;
top:200px;
}

.container {
margin:0 auto;
max-width:940px;
padding:0 10px;
}

<do not remove the three backticks above>

if you don’t set a width and height, the width and height are auto, so they expand if more space is required (elements inside the div, like heading and paragraphs)

1 Like

Thank you for reply!

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