Baseado em BEM, lista suspensa responsiva

Ver antevisão

Estrutura HTML:

<div class="dropdown">
    <div class="dropdown__text">Your account</div>
    <div class="dropdown__toggle"></div>
    <ul class="dropdown__content">
        <li><a href="">Profile</a></li>
        <li><a href="">Settings</a></li>
        <li><a href="">Sign out</a></li>
    </ul>
</div>

Código completo (HTML, CSS, JS) aqui