Parte 1.08 - Layout Base | Arquitectura CSS: Descomplicando los problemas | Alura Latam

```

   <link href="./assets/css/menu/menu-lista.css" rel="stylesheet" />
    <link href="./assets/css/cabecera.css" rel="stylesheet" />
</head>
<body>
    <header class="cabecera">
        <img class="logo" src="./assets/img/logo.jpg">
        <nav class="menu">
            <ul class="menu-lista">
                <li class="menu-item"><a class="menu-link activo" href="#">Inicio</a></li>
                <li class="menu-item"><a class="menu-link" href="#">Recetas</a></li>
                <li class="menu-item"><a class="menu-link" href="#">Quienes Somos</a></li>
                <li class="menu-item"><a class="menu-link" href="#">Contacto</a></li>

            </ul>
        </nav>
    </header>
</body>

/CSS/ /Menu-Lista/ .menu-lista{ display: flex; }

/cabecera/ .cabecera{ align-items: center; background: #F9F9F9; justify-content: space-between; padding-left: 2rem; padding-right: 2rem; display: flex; padding-left: 2rem; padding-right: 2rem; }

/menu-item/

.menu-item{ list-style: none; }

.menu-item:last-child .menu-link{ margin-right: 0; }

/menu-link/

.menu-item{ list-style: none; }

.menu-item:last-child .menu-link{ margin-right: 0; }