Search code examples
csscenter

How to center my main navigation bar on my site with css?

My site is: Keto.hu, and I tried everything, but i can't center the navigation bar for wider screens. I'd also like to center the recipe grid, if it's possible with css?

Thank you very much!

Solution

  • Since you have #main-nav set to display:inline-block, margin:0 auto; won't work. Instead, you can set header's text-align to center:

    header {
    text-align:center;
}