Border Radius

Note that the --circle-width has no value. You will have to set it to make a circle

<div class="my-circle circle" style="--circle-width: 100px;"></div>

.my-circle.circle { --circle-width: 100px; }

Media Queries

Prefix sm-, md- or lg- for media query modifiers