HTML List Item with Dropdown Styling

This snippet includes HTML for a list item that links to customer stories, along with CSS for dropdown styling specific to a product section. The dropdown is designed to have a maximum height and flex properties for proper alignment.

  <li>
                        <a class="linkContainer item-payments" href="/klantverhalen">
                         
                           <div class="productLinkContent">
                              <h3 class="linkTitle">Klantverhalen</h3>
                              <p class="linkSub">Leer meer over de ervaring van onze klanten</p>
                           </div>
                        </a>
                     </li>




                     /* Alleen de tweede kolom ("Ontdek het product") */
.dropdownSection[data-dropdown="company"] .linkGroup {
max-height: 300px;
    display: flex
;
    flex-direction: column;
    justify-content: space-around;

}
.dropdownSection[data-dropdown="company"] .productsGroup > li .linkContainer {
  max-height: 110px;
 
}

Editor is loading...