<template>
    <header>
        <div class="lg:hidden grid grid-cols-6 bg-blue-700 place-items-center text-white">
            <div class="grid col-span-1 "> <img class="w-16" src="/img/logo3.png" alt=""></div>
            <div class="grid col-span-4 ">SREE CHAITANYA COLLEGE</div>
            <div class="grid col-span-1 "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></div>
        </div>
        <div
            class="hidden lg:block flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12">
            <img src="/img/logo3.png" alt="/img/logo3.png" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
            />
            Estd.-1956
            <br />Sree Chaitanya College,Habra
            <br />(Arts and Science)
            <br />Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B
        </div>
        <MainMenu />

    </header>
</template>

<script setup>
</script> 
lg:hidden