Foreground vs. background


#1



https://www.codecademy.com/courses/learn-html-css/lessons/css-colors/exercises/foreground-background?action=lesson_resume&link_content_target=interstitial_lesson


En mi ejercicio número tres tengo que poner "background-color" del encabezado en Aqua en style.css. Mi código es el siguiente, al ponerlo la página me dice "Cannot read property '1' of null" como mi error pero no tengo idea de que significa :person_frowning: :blue_heart:
Al pasar el cursor por la línea 1 me dice "missing vendor-prefixed CSS gradients for Old Webkit (Safari Chrome...)" y estoy usando Chrome
¿Pueden ayudarme? Por favor

body {
  padding: 0;
  margin: 0;
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #f7f7f7 0%, #EAE0D5 100%);
}

/** Header styles **/

.header {
  
  color: MidnightBlue;
  background-color: Aqua;
  background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_coffee-bgnd.jpeg");
  height: 400px;
  background-position: center center;
}

h1 {
  
  
  font-family: 'Covered By Your Grace', sans-serif;
  font-size: 100px;
  line-height: 76px;
  margin: 0;
  position: relative;
  text-align: center;
  top: 20%;
}

/** List style **/

h2 {
  color: #E4BB97;
  font-family: 'Raleway', sans-serif;
  font-size: 28px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
}

ul {
  margin: 0 auto;
  padding: 0;
  width: 50%;
}

li {
  border-bottom: 1px solid #E4BB97;
  list-style: none;
  margin: 100px 0px;
  padding-bottom: 60px;
}

p {
  color: #444444;
  line-height: 32px;
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-weight: 100;
}

a {
  color: #214E34;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
}


#2

Try reading
https://developer.mozilla.org/es/docs/Web/CSS/linear-gradient >>Cross-browser gradients
OR
https://stackoverflow.com/questions/16816648/css-gradient-not-working-on-ios