HTML Introduction to HTML and CSS Adding a New Web Page Linking It All Up

please explain the rectangular picture of the city on background of web page, where the coding of it?

html document, coding, CSS

2 Answers

Steven Parker
Steven Parker
182,465 Points

In "styles.css" on line 57 there is a "background" attribute applied to the "header" element. This is what displays the image of the city.

header {
  text-align: center;
  background: url('images/portland.jpg') no-repeat top center;  /* <-- this line */
  background-size: cover;
  overflow: hidden;
  padding-top: 60px;
}

Thank you very much Steven!

Karina Soares
Karina Soares
1,052 Points

Thank you for sharing!