Desktop design

Active states

Mobile design

Intro section with dropdown navigation

<h5 class="cursor-pointer transiton-all ease duration-200 hover:text-gray-900 text-gray-500">Login</h5>

pt></span><div class=`  mt-2  hidden ml-32 lg:ml-0  lg:absolute lg:top-10 lg:shadow-2xl top-0 flex-col shadow-none  lg:backdrop-blur-3xl lg:bg-gray-200  lg:px-5 lg:py-2 rounded-lg z-10  w-36 lg:w-fit  static items-baseline pl-2 gap-2 justify-around` style=`opacity: 0; transform: translateY(-10px) translateZ(0px); display: none;`><h5 cl

pt></span><div class=`  hidden  mt-2  ml-32 lg:ml-0  lg:absolute lg:top-10 lg:shadow-2xl top-0 flex-col shadow-none  lg:backdrop-blur-3xl lg:bg-gray-200  lg:px-5 lg:py-2 rounded-lg z-10  w-36 lg:w-fit static items-baseline pl-2 gap-2 justify-around` style=`opacity: 0; transform: translateY(-10px) translateZ(0px); display: none;`><h5 cl

Design comparison

Please log in to post a comment

Introsection - NextJS - TailwindCSS

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community