如何让我的圈子仅使用CSS进行响应？

问题描述

我有一个矩形div，其中包含一个带有图像的圆。我的设计具有响应能力，我不知道如何使我的圈子具有响应能力。我读过其他提到相同的vw和vh的帖子，但这对我不起作用。两者没有相同的width和padding-top。

这是我的codepen

解决方法

写

<div class="card-premium-category col">

代替

<div class="card-premium-category col-3">。

Fiddle。