У нас есть код:
<div class="column2">
<dl class="contacts details">
<h3 class="contacts">Contacts:</h3>
<a class="Website Icons" href="https://test.com/"></a>
<a class="Kik Icons" href="https://www.kik.me/test"></a>
<a class="Snap Icons" href="https://www.snapchat.com/add/test"></a>
<a class="Telegram Icons" href="https://t.me/sexygirlsgonude"></a>
</dl>
</div>
нужно при a.Icons = 6
@media (min-width: 302.5px) and (max-width: 766.5px)
.contacts.details {
width: 100%;
text-align: center;
margin-left: -10%;
}
при а.Icons = 1
.contacts.details {
width: 100%;
text-align: center;
margin-left: -20%;
}
Как реализовать через JS?