[Proyecto] principios de la semántica HTML - Navegación

el codigo base es

mi propuesta seria la siguiente

<ul class="encabezado__lista">
    <li class="encabezado__item">
        <a class="encabezado__enlace" href="/blog">Blog</a>
    </li>
    <li class="encabezado__item">
        <a class="encabezado__enlace" href="/paquetes-viaje">Paquete de viaje</a>
    </li>
    <li class="encabezado__item">
        <a class="encabezado__enlace" href="/contacto">Contacto</a>
    </li>
</ul>

aunque se mejora con el siguiente codigo css

.encabezado__lista {

display: flex;


flex-direction: row; 


gap: 1.5rem; 

list-style: none; 

padding: 0;         

margin: 0;          

}

.encabezado__enlace {
text-decoration: none;
color: #333;
font-weight: bold;
padding: 0.5rem;
}

.encabezado__enlace:hover {
color: #007bff;
}