I want to create two concentric circles in CSS. The inner one has a specified width compaired to the outer one, e.g. 50%. Those circles should be responsive, they should scale properly for all screens.
How can I do this? I prefer not to use position:absolute, javascript or jQuery. I think it should be possible.
Thanks!
