Problem with visibility on different browsers

So, I’m new to the web dev world.
I need to scroll to the right to see the complete Navigation bar in Firefox and Microsoft Edge.
How can I fix this?

Github Repo : saksham1210/My-Portfolio . (the forum doesn’t let me add links yet)
link to webpage in the description of the repo.

Sorry if I did not follow any rules.

Greetings @dhull.saksham,

I can’t access the site at

Is this the right URL?

Hey, sorry there was a typo. there’s a “t” there in portfolio. So sorry. didn’t see this earlier.

Updated the url now


What’s causing the problem is the padding: 0% 7% 0% 7%; on the CSS of .nav-item .

Remove the padding and it should be working as intended.

Then, just add

.navbar-light .navbar-nav .nav-link {
  padding: 20px;

To make space for the items :slight_smile:

Thanks that worked. But I don’t understand why was it causing problem in specific browsers only?