DEV Community


Posted on • Updated on


Responsive Restaurant Design with HTML, CSS, JavaScript 👨‍💻

Responsive Restaurant Design with HTML, CSS, JavaScript

Complete Responsive and mobile friendly 📲 Navbar and Hero section Design with HTML and CSS

In this video you will learn to make a responsive restaurant header Using HTML and CSS step by Step. We will learn about media query CSS to make a responsive web design.
How to make responsive website design Using HTML and CSS Step By Step

⌛️ | Are you interested in a certain section? Use Timestamps
→ 0:00 Demo
→ 0:57 File structure
→ 1:08 Header section
→ 18:40 Hero section
→ 26:50 Completed demo

📥 | Get all images that i used (.zip)

🅰️ | Get the font I used
→ PT Sans Narrow :,700
→ Open Sans :,300italic,regular,italic,600,600italic,700,700italic,800,800italic

❤️ | Interested in seeing more videos? SUBSCRIBE NOW

🎵 | Music
→ FLK [Instrumental] by KC5 is licensed under a Creative Commons License.
Support by RFM - NCM:

👤 | Like - Follow & Subscribe Me
→ Twitter :
→ Github :
→ YouTube :
→ Patreon :

Buy Me A Coffee

Top comments (0)

Timeless DEV post...

Git Concepts I Wish I Knew Years Ago

The most used technology by developers is not Javascript.

It's not Python or HTML.

It hardly even gets mentioned in interviews or listed as a pre-requisite for jobs.

I'm talking about Git and version control of course.

One does not simply learn git