Este es el código antes de aplicar una refactorización
<a>
<img class="encabezado__logo--icono" alt="" src="./img/logoproviblanca-1@2x.png" />
</a>
<div class="encabezado__navegacion">
<a class="encabezado__navegacion--elemento" href="">Blog</a>
<a class="encabezado__navegacion--elemento" href="">Paquete de viaje</a>
<a class="encabezado__navegacion--elemento" href="">Contacto</a>
</div>
Y este es el código aplicando una refactorización:
<div class="encabezado__container">
<header class="encabezado">
<a href="" class="encabezado__logo" aria-label="Ir a la página principal">
<img class="encabezado__logo--icono" alt="Logo Jornada" src="./img/logoprovisriablanca-1@2x.png" />
</a>
<nav class="encabezado__navegacion">
<ul>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="Ir a el blog">Blog</a></li>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="Ir a paquetes de viaje">Paquetes de viaje</a></li>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="Ir a contacto">Contacto</a></li>
</ul>
</nav>
</header>
</div>