---
title: "Discussion on \"Building a responsive Navigation Bar Using CSS and Vanilla Javascript\" | Hashnode"
description: "Discussion on \"Building a responsive Navigation Bar Using CSS and Vanilla Javascript\". When rendering a web page on different screen sizes, distortions and irregularities may be present. To avoid these issues, there is a need for a responsive design.\nBootstrap, a CSS framework ,is a popular option for adding responsiveness to the page,..."
url: "https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Building a responsive Navigation Bar Using CSS and Vanilla Javascript](https://tantoluwaalabiheritage.hashnode.dev/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript?utm_source=hashnode&utm_medium=feed)

When rendering a web page on different screen sizes, distortions and irregularities may be present. To avoid these issues, there is a need for a responsive design. Bootstrap, a CSS framework ,is a popular option for adding responsiveness to the page,...

Aug 11, 2020 · 8 min read · tantoluwaalabiheritage.hashnode.dev  
Read the article

## Written by

[Tantoluwa Heritage Alabi NB](https://hashnode.com/@TantoluwaAlabiHerita)

@TantoluwaAlabiHerita · Lithuania

  
[View profile](https://hashnode.com/@TantoluwaAlabiHerita)

Technical Writer

#Technical Writer #Computer Science

## Responses 4

Markdown supported · ⌘↵ to post

[Kehinde Adeleke](https://hashnode.com/@adeleke5140)

[Nov 20, 2020](https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d/comment/5fb83b891b7ab0041800c97d)

Hello. I followed the tutorial but unfortunately, nothing is showing up on screen. Here's the codepen link.

[codepen.io/adeleke5140/pen/BazgLqX](https://codepen.io/adeleke5140/pen/BazgLqX)

[Tantoluwa Heritage Alabi NB](https://hashnode.com/@TantoluwaAlabiHerita)

[Nov 23, 2020](https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d/comment/5fb83b891b7ab0041800c97d#reply-5fbbb9b330fc2d1b859e1c87)

i cant access the link, please send me a dm on twitter @HeritageAlabi1

[Kehinde Adeleke](https://hashnode.com/@adeleke5140)

[Nov 23, 2020](https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d/comment/5fb83b891b7ab0041800c97d#reply-5fbbcb5bec43af1ba6093294)

The error was from me. I messed up a couple of things; It's working well now. Thank you. [Tantoluwa Heritage Alabi NB](https://hashnode.com/@TantoluwaAlabiHerita)

[Stella Ozemoya](https://hashnode.com/@StellaOze)

[Aug 13, 2020](https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d/comment/5f35c4a462f776315019f19c)

Thank you so so much

[Bolaji Ayodeji](https://hashnode.com/@bolajiayodeji)

[Aug 13, 2020](https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d/comment/5f352ad28a968b2ce75d4c14)

This is really great, thanks for sharing!

[SCA Unilag](https://hashnode.com/@SCA_Unilag)

[Aug 11, 2020](https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d/comment/5f33001b4332ee07eb55cc89)

Very detailed piece, well done!

[Abiola](https://hashnode.com/@AbiolaFarounbi)

[Aug 11, 2020](https://hashnode.com/posts/building-a-responsive-navigation-bar-using-css-and-vanilla-javascript/5f32f57b4332ee07eb55cc5d/comment/5f33001b4332ee07eb55cc89#reply-5f33007e4332ee07eb55cc91)

🙄