landing/src/components/navbar/Logo.jsx

import logo from "../../assets/logo.png";
import MobileMenu from "./MobileMenu.jsx";

const Logo = () => {
    return (
        <article className="lg:p-0 p-4 md:w-full lg:w-1/6 xl:[width:20.8333%]">
            <a className="relative block w-[150px] lg:inline lg:w-auto py-[4.8px]" href="#">
                <img className="max-w-full align-middle" src={logo} alt="logo"/>
            </a>
            <MobileMenu />
        </article>
    )
}

export default Logo;