How to make good circles CSS

Hi there.

There's plenty of ways you could do this.

To make a circle you could make one with a filled colour by simply using

.circle {
  width: 300px;
  height: 300px
  border-radius: 100%;
  background: red;
}

So what you have is an element of a fixed with with the border curved in at its maximum level giving it the appearance of a circle.

Now for circles like you see in the example site I might try getting one with a radial or linear gradient applied to a border.

background: linear-gradient:
border:  30px solid

But it looks like what this website has done as superimposed one div on top of another so the biggest one has a gradient applied but the other in the middle has a white background so it looks like one bordered circle.