All the questions I've looked at refer to WordPress or Bootstrap (what is that?) nav bars, I have made mine using CSS.

I would like to make my nav bar bigger so that it's easier for mobile users to click the correct link. I've tried using the `height: px;` but all that did was push the text below further down.

What do I use to change the size of the buttons themselves? included my CSS below.

```css
html{background:gray;}
ul {
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  display: inline-block;
  list-style-type: none;
}
li {
  display: inline-block;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  margin: 0
}
li a:hover:not(.active) {
  background-color: #111;
}
```

```html
<ul>
  <li><a class="active" href="#home">Home</a>
  </li>
  <li><a href="/AboutUs.html">About</a>
  </li>
  <li><a href="/ContactUs.html">Contact</a>
  </li>

</ul>
```