Componente Header

Código del componente Header:

import image from "../assets/img/doguito.svg"
import '../assets/css/componentes/header.css'


const Header = () => {
    return (
        <header className="header container">
            <div className="menu-hamburguer">
                <span className="menu-hamburguer__icon"></span>
            </div>
            <div className="header-container">
                <a href="/" className="flex flex--center">
                    <img className="header__logo" src={image} alt="Doguito" />
                    <h1 className="header__tittle">Petshop</h1>
                </a>
            </div>
            <nav className="menu-header">
                <ul className="menu-items">
                    <li><a className="menu-item menu-item--entrar" href="#">Entrar</a></li>
                    <li><a className="menu-item" href="#">Productos</a></li>
                    <li><a className="menu-item" href="/">Blog</a></li>
                    <li><a className="menu-item" href="/sobre">Sobre</a></li>
                </ul>
            </nav>
            <div className="menu-header-background"></div>
        </header>
    )
}

export default Header