1.
.barraNavegacion{
display: flex;
justify-content: center;
gap: 100px;
padding: 1% 0% 0% 2%;
}
2.
padding: 1% 0% 0% 2%;
3.
<nav class="header__menu">
<a class="header_menu_link" href="index.html">Home</a>
<a class="header_menu_link" href="about.html">Sobre mi</a>
</nav>
4.
<link rel="stylesheet" href="/style/styles.css">
5.
<!DOCTYPE html>
<html lang="es-mx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sobre mi</title>
<link rel="stylesheet" href="style/styles.css">
</head>
<body>
<header class="header">
<nav class="header__menu">
<a class="header_menu_link" href="index.html">Home</a>
<a class="header_menu_link" href="about.html">Sobre mi</a>
</nav>
</header>
<main class="presentacion">
<section class="presentacion__contenido">
<h1 class="presentacion__contenido__titulo">Sobre mi</h1>
<p class="presentacion__contenido__texto">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa,
commodi! Error adipisci saepe
consequatur natus cumque eum nemo nostrum quaerat cupiditate maxime nisi molestiae, perferendis nobis
unde laborum facilis. Error.</p>
<p class="presentacion__contenido__texto">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Placeat
fugit doloribus at, voluptates nihil,
pariatur quo quod quae iusto deserunt animi repudiandae sunt dicta. Minima repellendus aut incidunt
dicta perferendis.</p>
</section>
<img src="/assets/Imagem.png" alt="">
</main>
<footer class="footer">
<p>Desarrollado por Miguel Inocente Caro</p>
</footer>
</body>
</html>
6.
<link rel="stylesheet" href="style/styles.css">
