DEV Community

Cover image for Responsive menu with only HTML and CSS (part 2)
3 1

Responsive menu with only HTML and CSS (part 2)

In this project, you will learn how to make a responsive menu with only HTML and CSS, But keep in mind this is not a burger menu. The main feature of the menu is, it will look in a row at the desktop device and when we open this project on small screen device like smartphone or mobile. Then it will rearrange menu links in columns.

I have used a media query to make this menu responsive

media query

But you can make this menu with flexbox and grid too.


CSS course eduonix


So this is the final result of our responsive menu. I recommend you to play with this codepen project. It will help you to clear your thoughts.

You can comment below if you are facing any issue with the project, I would love to help you.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, weโ€™ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, weโ€™ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay