Пробовал разными путями сделать выпадающее меню, но все никак не выходит. Помогите ньюфагу пожалуйста. Снизу скинул код. вот фрагмент с index.html
</div>
<nav class="tm-main-nav">
<ul class="tm-main-nav-ul">
<li class="tm-nav-item">
<a href="#ward" class="tm-nav-item-link">О палате</a>
</li>
<li class="tm-nav-item">
<a href="#applicants" class="tm-nav-item-link">Претендентам</a>
</li>
<li class="tm-nav-item">
<a href="#members" class="tm-nav-item-link">Членам палаты</a>
</li>
<li class="tm-nav-item">
<a href="#registry" class="tm-nav-item-link">Реестр</a>
</li>
<li class="tm-nav-item">
<a href="#patrial" class="tm-nav-item-link">Гражданам</a>
</li>
<li class="tm-nav-item">
<a href="#training" class="tm-nav-item-link">Обучение</a>
</li>
<li class="tm-nav-item">
<a href="#contact" class="tm-nav-item-link">Контакты</a>
</li>
</ul>
</div>
вот фрагмент с style.css
@media (min-width: 992px) {
.tm-main-nav {
display: flex;
justify-content: space-between; ;
}
.tm-main-nav > ul li a{
display: block;
padding: 15px 30px 15px 40px;
text-decoration: none;
text-transform: uppercase;
}
.tm.main.nav > ul li{
position: relative;
border-right: 1px solid #c7c8ca;
}
.tm.main.nav > ul li > a i.fa{
position: absolute;
top: 15px;
left: 12px;
font-size: 18px;
}
.tm.main.nav > ul li:first-child{
border-right: 1px solid #b2b3b5;
}
.tm-top-column {
position: absolute;
height: 100%;
}