buenas! me genera dudas que por lo que entendi de estas aulas, los objetos que conforman nuestro nav al quedar alineados como queriamos tienen un espacio separador, que de hecho el profesor explico que era consecuencia del archivo style.css que ya viene con los estilos basicos de la web en cuestion. pasa que estuve revisando dicho archivo y no logro comprender donde esta definido dicho espacio para mejor comprension propia. comparto un fragmento del archivo style.css que corresponde a dichos elementos de nuestro HTML. DEsde ya, muchas gracias!!
body { background-color: #F2F5F7; font-family: 'Open Sans',Arial,sans-serif; }
.container { width: 94%; margin: 0 auto; }
.headerPrincipal { background-color: #FFF; padding: 20px 0; }
.headerPrincipal-titulo { font-weight: bold; font-size: 2em; margin-bottom: 20px; }
.headerPrincipal-titulo a { text-decoration: none; color: inherit; }
.headerPrincipal-nav-link { padding: 10px; margin-bottom: 10px; color: #9799A6; background-color: #FFF; text-decoration: none; transition: .5s; display: block;
border-bottom: 1px solid #9799A6;
}