Problem with visibility on different browsers

HTML-CSS
1

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.
Thanks.

Sorry if I did not follow any rules.

2

Greetings @dhull.saksham,

I can’t access the site at https://saksham1210.github.io/My-Porfolio/

Is this the right URL?

3

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

Updated the url now

4

@dhull.saksham

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:

5

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