How to make a Twitter-like Header in NextJS and TailwindCSS?

#tailwindcss #nextjs #twitter #css

I am making a website with a header like Twitter. I've seen that Twitter in mobile, has it's navigation panel in bottom and user panel in top and in large screen device, everything is in left. How do I do that with NextJs and Tailwind CSS ?.

This is how navbar like in large screen ==>> https://i.stack.imgur.com/XZ6QZ.jpg

And this is how navbar looks like in mobile ==>> https://i.stack.imgur.com/EmLrK.jpg

Please help me !

Top comments (0)

Let's Boxing - Train Boxing Anywhere 🥊

Gabriel - Oct 23

Blur page body when hover on Nav Bar

Sandy Galabada - Oct 23

Creating a Dynamic Product Showcase Carousel with React and Tailwind CSS

Amaresh Adak - Nov 5

5 Ways to Add Tailwind CSS to Your Project

Ashish Prajapati - Oct 22

DEV Community