Selecciona el elemento header y establece su valor de altura al 25% de la altura de la ventana gráfica.

<!DOCTYPE html>
<html lang=es>
<head>
  <meta charset=UTF-8>
  <meta name=viewport contenido=width=device-width, initial-scale=1>
  <title>Blog de Diane la desarrolladora</title>
  <link rel=stylesheet href=page.css>
  <link rel=stylesheet href=style.css>
</head>
<body>
  <header>
    Blog de Diane la desarrolladora
  </header>
  <article>
    <section class=intro>
      <h1>¡El veredicto está en! ¡El diseño CSS es excelente!</h1>
      <p>He estado trabajando con CSS durante un tiempo, y tengo que decir que es bastante increíble. Me encanta poder separar el contenido de la presentación y mantener todos mis estilos en una hoja de estilos externa.</p>
      <p>He tenido un buen dominio de los conceptos básicos durante un tiempo, pero necesitaba aprender más sobre cómo controlar el diseño con CSS. Comprender el diseño CSS significaba primero explorar las partes del modelo de caja CSS.</p>
    </section>
    <section class=destacado>
      <h2>El Modelo de Caja CSS</h2>
      <p>Hay muchos recursos excelentes en línea para ayudarte a aprender el Modelo de Caja CSS. Me gusta el artículo de CSS Tricks <a href=https://css-tricks.com/the-css-box-model/ target=_blank>El Modelo de Caja CSS</a> de Chris Coyier. Para citar al autor:</p>
      <blockquote>Con el riesgo de repetirme demasiado: <strong>cada elemento en el diseño web es una caja rectangular.</strong></blockquote>
      <p>¡Así es! Cada elemento HTML es considerado por el navegador como una caja rectangular.</p>
      <p>El modelo de caja CSS consta de cuatro propiedades: contenido, relleno, borde y margen. He incluido un gráfico del artículo de Coyier para ilustrar este principio.</p>
      <p class=clear>Es bastante fácil entender la parte de Contenido del modelo de caja. El contenido es lo que consta tu HTML. Podría ser un párrafo lleno de texto, una lista con viñetas o una imagen.</p>
      <p>Los desarrolladores principiantes pueden tener algunos problemas para mantener las otras partes del modelo de caja claras, así que examinémoslas una por una.</p>
    </section>
    <pie de página>©2020 Developer Diane.</pie de página>
</body>
</html>