The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Responsive Circles Re: CSS Responsive Circles


Use this code for the .circle class:

.circle {
position: relative;
border-radius: 50%;
width: 100%;
height: auto;
padding-top: 100%;
background: white;
make sure your padding top is the same as your width and make your height auto.