Mi Proyecto del curso: Introducción al Desarrollo Web Responsive con HTML y CSS

En mi solución al proyecto, he utilizado min-height: 100vh (viewport height) para que las filas que tienen imagen de fondo ocupen en vertical lo mismo que la ventana del navegador, de esta manera queda perfecto independientemente del dispositivo y orientación de este.

Todos los aspectos relacionados con la disposición/tamaños se realiza mediante etiquetas, así, por ejemplo:

<div class="centrado-en-contenedor texto-claro texto-centrado">

está especificando claramente que este DIV tiene que estar centrado en su contenedor, que los textos que contenga serán en blando y que además estos estarán centrados.

Puedes ver la solución en acción en:

https://joseangelmt.github.io/introduccion-desarrollo-web-responsive/index.html