[Sugerencia] Mejor solucion que mover Height

Para evitar mover lo que el instructor hizo con el height y a todos les quede sin importar el tamaño de pantalla se puede crear un div para cada seccion de los cursos mecionados:

<section class="rodapePrincipal-navMap">
                <h3 class="subtitulo">Mapa de cursos</h3>
                <nav class="rodapePrincipal-navMap-list">
                    <div class="items">
                        <h4 class="navmap-list-title navmap-list-title-backend">Lenguajes Backend</h4>
                        <a class="rodapePrincipal-navMap-link" href="#">Java</a>
                        <a class="rodapePrincipal-navMap-link" href="#">PHP</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Pascal</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Scala</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Python</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Java Web</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Assembly</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Lógica de programación</a>
                    </div>
                    <div class="items">
                        <h4 class="navmap-list-title navmap-list-title-frontend">Lenguajes Frontend</h4>
                        <a class="rodapePrincipal-navMap-link" href="#">Flexbox</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Desarrollo Web</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Javascript</a>
                        <a class="rodapePrincipal-navMap-link" href="#">AngularJS</a>
                        <a class="rodapePrincipal-navMap-link" href="#">ReactJS</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Polymer</a>
                    </div>

                    <div class="items">
                        <h4 class="navmap-list-title navmap-list-title-framework">Frameworks</h4>
                        <a class="rodapePrincipal-navMap-link" href="#">Ruby on Rails</a>
                        <a class="rodapePrincipal-navMap-link" href="#">VRaptor</a>
                        <a class="rodapePrincipal-navMap-link" href="#">SpringMVC</a>
                        <a class="rodapePrincipal-navMap-link" href="#">NodeJS</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Django</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Bootstrap3</a>
                    </div>
                    
                    <div class="items">
                        <h4 class="navmap-list-title navmap-list-title-bancoDeDados">Banco de datos</h4>
                        <a class="rodapePrincipal-navMap-link" href="#">MySQL</a>
                        <a class="rodapePrincipal-navMap-link" href="#">MariaDB</a>
                        <a class="rodapePrincipal-navMap-link" href="#">Postegres</a>
                    </div>
                </nav>
            </section>

Y posteriormente agregar a la clase css de "items" (en este caso yo cree) :

.items{
    display: flex;
    flex-direction: column;
}