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