< Back to Frontend Friday Folks Index

Spotlight

Visit the official puzzle page (affiliate link!) to play it yourself. If you buy a course from CSSBattle through my affiliate link, I receive a share of it!

Highlighted solution (172 characters)
1 
<div>
2 
<style>&{background:conic-gradient(#D9D9D9 25%,#E3516E 0)550px/150%;div{width:120;border-radius:90px;border:75px solid#D9D9D9;transform:translate(175px)rotate(-45deg)
Using a div makes these pills or any kind of gradient that doesn't work on the direct x or y axis a lot easier.
< Back to Frontend Friday Folks Index