Having trouble centering elements

Hi guys,

At 990 px my page here resizes how I want, however I can’t seem to align the hyperlinks below the title to center properly. I’ve had to add a width of 100 in order to spread the hyperlinks out at the bottom.

Now the last hyperlink is off the page. 80vw keeps it on the page but the whole thing is still off center. What’s the deal here?

Thanks guys.


@media (max-width: 990px) {
    .navigation {
    display: flex;
    width: 100vw;
    justify-content: space-around;
   
  }
}

Hi, I had the same problem.

ul has a default padding on the left side. If you set the padding-left to 0, they should center.

1 Like

Brilliant, thank you.

Noted for future. I’d have never had guessed. I also removed the padding-left from a previous element and everything is now perfect.