Tell us what’s happening:
Hi! i need help with this step
19. Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”).
honestly i cant see the mistake, hope someone can help me, thank u!!
Your code so far
<!-- file: index.html -->
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<nav id="navbar">
<header>Inicio</header>
<section><a class="nav-link" href="#cascading_style_sheets">Cascading Style Sheets u Hojas de Estilo en Cascada</a></section>
<section><a class="nav-link" href="#sintaxis">Sintaxis</a></section>
<section><a class="nav-link" href="#vincular_css_a_html">Vincular CSS a HTML</a></section>
<section><a class="nav-link" href="#selectores">Selectores</a></section>
<section><a class="nav-link" href="#box_model">Box Model</a></section>
</nav>
<main id="main-doc">
<br>
<section class="main-section" id="cascading_style_sheets">
<header><a
href="#cascading_style_sheets">cascading style sheets</a></header>
<p> CSS es usado para darle estilo y diseño a las páginas Web puede usarse para cambiar la fuente de letra, color, tamaño y el espaciado del contenido; dividir en múltiples columnas, o agregar animaciones y otras propiedades decorativas.</p>
</section>
<section class="main-section" id="sintaxis">
<header>
<a href="#sintaxis">sintaxis</a></header>
<p>CSS es un lenguaje basado en reglas: cada usuario define las reglas que especifican los estilos que van a aplicarse a elementos particulares o grupos de elementos. Por ejemplo: «Quiero que el encabezado principal de mi página se muestre en letras grandes de color rojo».</p>
<p>
El código siguiente muestra una regla CSS que proporcionaría el estilo descrito en el párrafo anterior:
<p>
<code>
h1 {
color: red;
font-size: 5em;
}
</code>
</p>
La regla se abre con un selector, este selecciona el elemento HTML que vamos a diseñar, en este caso encabezados de nivel uno <code><.h1></code>
</p>
<p>
Luego tenemos un conjunto de llaves <code>{ } </code>. Entre estas habrá una o más declaraciones, que tomarán la forma de pares de propiedad y valor. Cada par especifica las propiedades de los elementos seleccionados y el valor que queremos dar a esa propiedad.
</p>
<p>
Antes de los dos puntos, tenemos la propiedad; y después, el valor. Las propiedades CSS admiten diferentes valores, dependiendo de qué propiedad se esté especificando.
</p>
</section>
<section class="main-section" id="vincular_css_a_html"><header>
<a href="#vincular_css_a_html">vincular css a html</a></header>
<p>Lo primero que se debe hacer es decirle al documento HTML que hay algunas reglas CSS que queremos que use. Hay tres formas diferentes de aplicar CSS a un documento HTML
</p>
<ul>
<li>Vinculando un archivo
</li>
<li>
Estilos CSS internos
</li>
<li>
Estilos CSS en línea
</li>
</ul>
</section>
<section class="main-section" id="selectores">
<header>
<a href="#selectores">selectores</a></header>
<p>Un selector CSS es la primera parte de una regla CSS. Es un patrón de elementos y otros términos que indican al navegador qué elementos HTML se seleccionan para aplicarles una regla que incluye los valores de las propiedades CSS. El elemento o los elementos seleccionados por el selector se denominan sujeto del selector.</p>
<ul>
<li>De elementos: html, p, body, section, etc.</li>
<li>De clase: se nombra la clase dentro de los elementos, las clases pueden compartirse entre elementos.</li>
<li>ID: es el selector con mayor especificidad, los ID no pueden compartirse, son unicos.</li>
</ul>
</section>
<section class="main-section" id="box_model">
<header>
<a href="#box_model">box model</a> </header>
<p>
Todo en CSS tiene una caja alrededor, y comprender estas cajas es clave para poder crear diseños con CSS.
</p>
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page