Как сделать резиновые круги с vw и border-radius50%?

Question

[KushchO]

Доброго времени суток!

Есть такой стиль
.slick-dots li{
width: 1.8vw;
height: 1.8vw;
min-width: 1.8vw;
max-width: 1.8vw;
min-height: 1.8vw;
max-height: 1.8vw;
margin-left: 2vw;
border-radius: 50%;
background-color: #cccccc;
}

https://codepen.io/anon/pen/zQwzoN

круги на разных ширинах экрана становятся то овалами то снова кругами.
Как добиться стабильного результата?

Comments

[Rustam Bainazarov]

Стабильность.
Уверенность.