Puedo ver un elemento main con un respectivo id="main-doc", que contiene el contenido principal de la página (documentación técnica).
Dentro del elemento #main-doc puedo ver varios elementos section, cada uno con una clase main-section. Debería haber un mínimo de 5.
El primer elemento dentro de cada sección .main-section debería ser un elemento header que contenga texto describiendo el tema de esa sección.
Cada elemento section con la clase main-section también debería tener un id que corresponda con el texto de cada header contenido en él. Cualquier espacio debería ser reemplazado por guiones bajos (p.e. La sección section que contiene el título "JavaScript and Java" debería tener un respectivo id="JavaScript_and_Java").
Los elementos .main-section deberían contener al menos 10 elementos p en total (no cada uno).
Los elementos .main-section deberían contener al menos 5 elementos code en total (no cada uno).
Los elementos .main-section deberían contener al menos 5 elementos li en total (no cada uno).
Puedo ver un elemento nav con un respectivo id="navbar".
El elemento de barra de navegación debe contener un elemento header que contenga texto describiendo el tema de la documentación técnica.
Adicionalmente, la barra de navegación debería contener enlaces (a) con la clase nav-link. Debería haber uno para cada elemento con la clase main-section.
El elemento header en la barra de navegación debe aparecer antes que cualquier elemento de enlace (a).
Cada elemento con la clase nav-link debería tener un texto que corresponda con el título header dentro de cada sección section (p.e. Si tienes una sección/título "Hola Mundo", tu barra de navegación debería tener un elemento que contenga el texto "Hola Mundo").
Cuando hago clic en un elemento de la barra de navegación, la página debe navegar a la sección correspondiente del elemento main-doc (p.e. Si hago clic en un elemento nav-link que contiene el texto "Hola Mundo", la página navegará al elemento section que tiene ese id y contiene el título header correspondiente.
En dispositivos de tamaño normal (portátiles, escritorios), el elemento con id="navbar" debe mostrarse en el lado izquierdo de la pantalla y siempre debe ser visible para el usuario.
Mi página de Documentación Técnica debería usar al menos una media query.