My dropdown content and button wont inherit list properties

HTML-CSS
1 
<nav>
  <div class = "logo">
    <img src = "img1.pdf"  width = "100" height = "80" alt = "Helpful Movers logo">
  </div>
    <ul>
      <li><a href = "#" class = "active">Moving Services</a></li>
      <div class = "dropdown">
      <li><button class="dropbtn">Resources</button><li>
  <div class="dropdown-content">
    <li><a href = "#"></a>Moving Process</li>
      <li><a href = "#"></a>Reviews</li>
    </div>
</div>
  <li><a href = "#">About</a></li>
  <li><a href = "#">Contact</a></li>
</ul>
</div>
  </nav>

<script>

body{
  margin: 0;
  padding: 0;
  font-family: sans serif;
}
  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 100px;
      z-index: 1;
    }
    .dropdown:hover .dropdown-content {
    display: block;
  }

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  padding: 10px 100px;
  box-sizing: border-box;
  transition: . 5s;
}
nav.logo
{
  float: left;
}
nav.logo img
{
  height: 80px
  transition: . 5s;
}
nav ul
{
  float: right;
  margin: 0;
  padding: 0;
  display: flex;
}
nav ul li
{
  list-style: none;
}

nav ul li a
{
  line-height: 80px;
color: #262626;
padding:5px 20px;
font-family: 'Roboto', sans-serif;
text-decoration: none;
text-transformation: uppercase;
transition: .5s;
}
nav ul li a.active,
nav ul li a:hover

{
  color: #fff;
  background: #f00;
}
2

Showing us your actual html/css code will help understanding whats going on in there.

5

oh sorry, it is my first time posting on here, ill try that again.

6

ok ill do that, thank you